logo guidelines. - Blip Press
logo guidelines. - Blip Press
logo guidelines. - Blip Press
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Web Specifications<br />
This page is created as a cheat sheet<br />
for all <strong>Blip</strong> digital applications. Please<br />
follow all the specified rules to ensure<br />
a consistent look across the various<br />
platforms.<br />
<strong>Blip</strong> favicon<br />
16 px<br />
16 px<br />
Colors<br />
Shades of gray<br />
<strong>Blip</strong> red<br />
FF0000<br />
<strong>Blip</strong> background red<br />
EE0000<br />
<strong>Blip</strong> gradient red<br />
FF0000 - AA0000<br />
<strong>Blip</strong> link and background<br />
blue 000066<br />
<strong>Blip</strong> gradient blue<br />
000033 - 3366CC<br />
<strong>Blip</strong> gradient gray<br />
CCCCCC - 666666<br />
000000<br />
<strong>Blip</strong> body text gray<br />
333333<br />
<strong>Blip</strong> title gray<br />
666666<br />
999999<br />
CCCCCC<br />
<strong>Blip</strong> background gray<br />
EEEEEE<br />
<strong>Blip</strong> large color areas<br />
<strong>Blip</strong> background red EE0000<br />
<strong>Blip</strong> gradient red FF0000 - AA0000<br />
<strong>Blip</strong> link and background blue 000066<br />
<strong>Blip</strong> background gray EEEEEE<br />
Typography<br />
Title 1 Akzidenz<br />
Bold 16pt, blue<br />
Title 2 Akzidenz Bold<br />
13pt gray 666666<br />
This is a body text in Myriad<br />
Roman 12/15pt gray 333333.<br />
The text can be emphasized<br />
in Myriad Italic. Blue 000066<br />
indicates a link inside the text.<br />
Hover State Title 1<br />
Hover State Title 2<br />
Hover state link in the text<br />
<strong>Blip</strong> buttons<br />
<strong>Blip</strong> gradient blue<br />
<strong>Blip</strong> gradient gray<br />
Web conversions<br />
16pt = 22px | 1.4em | 140%<br />
13pt = 17px | 1.05em | 105%<br />
11pt = 15px | 0.95em | 95%<br />
28