Optomec Brand Style Guide
Website
The overall look of the website will instill a sense of precision and professionalism using a minimalist approach. The site will be primarily monochrome wil limited use of accent colors.
Extra boxes and loud buttons will be avoided. Images should lean toward grays and blues for consistency, when possible.
Typography
H1 Roboto 54
H2 Roboto 36
H3 Roboto 26
H4 Roboto 20 Bolded
H5 Roboto 20
Body text, Roboto 14
Sample: Consider the subtleness of the sea; how its most dreaded creatures glide under water, unapparent for the most part, and treacherously hidden beneath the loveliest tints of azure….. Consider all this; and then turn to this green, gentle , and most docile earth; consider them both, the sea and the land. [Melville]
Lorem ipsum dolor sit amet, modo rationibus liberavisse duo te. Tale corrumpit percipitur ex per, antiopam tincidunt no pri. Melius oporteat an per, ad feugiat complectitur pro, vim ea inani elitr latine. Modus equidem mei in. Ius harum sonet ponderum ad, id vix scaevola consectetuer. Ut vide homero partem mel. Dicta sonet pertinax ei usu. Ei est illum eripuit feugiat, ex aeque impedit abhorreant cum, cum aeterno accusamus repudiandae ex. Ea legimus appareat constituam cum. Ne congue veritus mei, no pro fastidii fabellas. Eam ne quas quaestio disputando, eos velit tantas urbanitas ei, partem posidonium contentiones ex vim. Ea vis justo illum putent.
Alia adipiscing scribentur no nec, sumo nemore usu ex. Eos harum iudicabit at, sed illud munere adipisci at, ad populo invidunt per. Mei congue quaeque tractatos eu. Eu mei duis latine reprehendunt, ne per idque periculis repudiandae. Erant fuisset ius ei. Id nam modus lorem similique, cu tation primis similique eos.
Images and Type
Colors
#0f6cb6
Primary blue#0f6cb6
Primary blue
PMS: 286
CMYK: 90C + 57M + 0Y + 0K
RGB: 2,108, 182
HEX: 0f6cb6
#2b3a44
Smokey blue#2b3a44
Smokey blue
RAL 5008
#2b3a44
RGB 43,58,68
#c8c8c7
Telegray#c8c8c7
Telegray
(Light Gray)
RAL 7047
#c8c8c7
RGB 200,200,199
#f3f3f3
Background light gray#f3f3f3
Background light gray
#f3f3f3
2020 Background color for web
#000000
Black#000000
Black
Hex #000000
RGB 0,0,0
Web, print
#f1592a
Orange#f1592a
Orange
PMS: 1505
CMYK: 0C + 80M + 95Y + 0K
RGB: 241, 90,41
HEX: f1592a