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.

Logo Usage

Standard Logos

Simplified Logos



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

Buttons

Large Button
Medium Button
Small Button

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