Skip to content

Style Guide

A consistent style guide is an important and absolutely essential tool for ensuring your brand identity. A brand style guide (which is often also referred to as a brand book or brand guide) will be your key document that assists designers and developers portray a consistent message to your target market.

Colors

#181F1C Eerie Black

#274029 Black Leather Jacket

#707635 spanish bistre

#352208 zinnwaldite brown

#EEE0CB almond

Typography

cinzel decorative

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

headings

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

http://fonts.google.com/ - The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it’s commercial or personal.  Search queries may surface results from external foundries, who may or may not use open source licenses.

HEADINGS: font family Cinzel Decorative, weight Bold 700, format Regular, Size H1 45, H2 35, H3 30, H4 20, H5 15, H6 12

TEXT: font family Oranienbaum, weight Normal 400, size 17, height 1.65

Buttons

Primary Button

Secondary Button

PRIMARY SMART BUTTON: background colour #181fc eerie Black, background hover #274029 Black eather. Text colour #eee0cb Almond, Text Hover colour #eee0cb Almond. Border none. Padding T/B 10pxl, L/R 20pxl. Rround corner 2pxl. Font size 18 Line Height 1.6 Letter spacing 1pxl. Margins T/B/L/R 20

SECONDARY SMART BUTTON:  background colour #707635 Spanish Bistre, background hover #274029 Black Leather. Text colour #eee0cb Almond, Text Hover colour #eee0cb Almond. Border none. Padding T/B 10pxl, L/R 20pxl. Rround corner 2pxl. Font size 18 Line Height 1.6 Letter spacing 1pxl. Margins T/B/L/R 20

DUAL BUTTON 1: B1 background colour #181F1c Eerie Black, Background Hover colour #274029 Black Leather. Text colour #eee0cb Almond, Text Hover colour#eee0cb Almond.  B2 background colour #eee0cb Almond, Background Hover colour#274029 Black Leather. Text colour #181f1c Eerie Black, Text Hover color #eee0cb Almond. Border none. Padding T/B 10pxl, L/R 20pxl. Round corner 2pxl. Font size 18 Line Height 1.6 Letter Spacing 1pxl. Margins T/B/L/R 20.

DUAL BUTTON 2: B1 background colour #352208 Zinn Brown, Background Hover colour #274029 Black Leather. Text colour #eee0cb Almond, Text Hover colour#eee0cb Almond.  B2 background colour #707635 Spanish Bistre, Background Hover colour#274029 Black Leather. Text colour #eee0cb Almond, Text Hover color #eee0cb Almond. Border none. Padding T/B 10pxl, L/R 20pxl. Round corner 2pxl. Font size 18 Line Height 1.6 Letter Spacing 1pxl. Margins T/B/L/R 20.

Header

Footer

ROW SETTINGS*: Effects > Bottom Row Separator > Grass 60pixels #707635 Spanish Bistre

*for row above footer