Skip to content

Biamino brandbook

MarkWordmark
The mark and the wordmark keep this size and distance. They are never redrawn or set apart.
Clear space
xxxx2x
The logo keeps a margin of x on every side, where x is half the height of the mark.
Minimum size
24 px
16 px
On screen: the logo from 24 px high, the mark from 16 px. In print: 8 mm and 5 mm.
Colour

Biamino's colours reflect the brand's boldness, creativity and modern approach. The violet accent carries energy and individuality, the dark tones add depth and elegance, and white keeps the visual communication clean and balanced.

Ultra VioletHEX #6800FFRGB 104, 0, 255CMYK 59, 100, 0, 0
Deep IndigoHEX #3D0099RGB 61, 0, 153CMYK 60, 100, 0, 40
Lavender MistHEX #B87FFFRGB 184, 127, 255CMYK 28, 50, 0, 0
ObsidianHEX #181818RGB 24, 24, 24CMYK 0, 0, 0, 91
Snow WhiteHEX #FCFCFCRGB 252, 252, 252CMYK 0, 0, 0, 0
Proportions
Light layouts: Snow White 70%, Ultra Violet 20%, Lavender Mist 6%, Deep Indigo 4%
Dark layouts: Obsidian 70%, Ultra Violet 20%, Lavender Mist 6%, Deep Indigo 4%
A neutral base takes about 70% of a layout. Ultra Violet is the accent, Lavender Mist and Deep Indigo support it.
6.7:1AA
12.3:1AAA
17.3:1AAA
6.3:1AA
17.3:1AAA
6.7:1AA
6.3:1AA
2.5:1not for text
Open Sans
  • ExtraBold800
  • Bold700
  • SemiBold600
  • Regular400
  • Light300
Heading 1, ExtraBold 80/84

Display heading

Heading 2, Bold 48/54

Section heading

Subheading, SemiBold 32/40

Block subheading

Body, Regular 22/32

Open Sans stays readable in long paragraphs and holds its shape in an interface.

Caption, Regular 16/24

Caption and secondary text

Accent, Light 48/56

Large figures and quotes

Secondary text is set in Obsidian at 60% opacity. Light is used at large sizes only, from 24 px up.
On Obsidian: white at 13%The mark itself: about 1.7 times taller than the format, turned 45° and always set in the top left corner. Only the star and the right side of the B stay in frame. Always tone on tone with the background.
On Snow White: Obsidian at 3%
On Ultra Violet: white at 13%

Name SurnamePosition

Presentation title
Slide heading

What’s next

or back to all work