Brand and logos

Logo, Byte, colours and type of DEV4LIFE. For everyone who writes about DEV4LIFE and its projects or designs something for them.

Logo

The mark is Byte as a pixel D: eight cells, so exactly one byte, in the same pixel style as the lettering. The head at the bottom left chases its own tail. On light grounds the icon sits on cobalt, on dark grounds on ink.

Logo on cobalt
App icon, light SVGPNG
Logo on ink
App icon, dark SVGPNG
Logo without background
Logo without background SVGPNG
Dark lettering
Lettering, dark SVGPNG
Light lettering
Lettering, light SVGPNG
Logo and lettering for light grounds
Lockup, light ground SVGPNG
Logo and lettering for dark grounds
Lockup, dark ground SVGPNG

Byte

Byte is a pixel snake made of eight cells, so exactly one byte. Byte eats apples, peeks around corners and sleeps when there is nothing to do. The head is slightly darker than the body, and the eyes always look at you.

Byte says hello
HelloSVGPNG
Byte spots an apple
Apple aheadSVGPNG
Byte sleeps
AsleepSVGPNG
Byte brings mail
MailSVGPNG
Byte with a heart
HeartSVGPNG
Byte peeks around a corner
PeekingSVGPNG
Byte with a wrench
Fixing thingsSVGPNG

Colours

Cobalt is the surface, ink and paper carry the text, butter belongs to Byte. Apple red only in small doses. Click a colour to copy it.

Type and pixels

Text is set in Familjen Grotesk (SIL Open Font License). Pixel letters exist only for the lettering. Icons are built from the same cells as Byte.

Aa Ää 4

Familjen Grotesk, regular to bold. Headlines bold and tight, body text regular.

For platforms

Ready-made sizes for profiles, stores and previews, so DEV4LIFE looks the same everywhere.

Profile picture, light
Profile picture, light1024 × 1024
Profile picture, dark
Profile picture, dark1024 × 1024
App icon, light
App icon, light512 × 512
App icon, dark
App icon, dark512 × 512
Banner
Banner1500 × 500
Repository preview
Repository preview1280 × 640
Link preview
Link preview1200 × 630

Everything at once

The press kit contains logos, Byte, platform images and the colours as a text file. Plus Byte as a wallpaper for your screen and phone.

Press kitZIP
Desktop wallpaper, cobalt
Desktop wallpaperCobaltInk
Phone wallpaper, cobalt
Phone wallpaperCobaltInk

A few rules

  • Leave roomAt least one cell of space around the logo.
  • No distortionScale proportionally only, no rotation, no effects.
  • Byte stays ByteEight cells, butter yellow, eyes to the front. No other colours.
  • Light and darkOn light grounds the icon on cobalt, on dark grounds the icon on ink.