Fresh Shake Style Guide & Layout

Style Guide

Andy L TWD 22 June 2019

Colour Palette

#000000

RGB (0, 0, 0)

logo, image borders, the navigation bar, text and text underlines

#E8F3F2

RGB (232, 243, 242)

background colour/fill

#146864

RGB (20, 104, 100)

logo, social media icons, page headings (H1), sub headings (H2),

video player button

#FFFFFF

RGB (255, 255, 255)

pop-up text content on home page

Brand Logo

Original Dimensions

546 x 121 pixels / px

Smallest Acceptable Size

228 x 55 pixels / px

Logo Colour Scheme

Black & Very Dark Cyan #000000 & #146864

RGB (0, 0, 0) & RGB (20, 104, 100)

Logo Usage

Logo can only be used with backgrounds of light shade(s) of blue, green or with white

Typography

Font Family Myriad Variable Concept

Light SemiExtended

Font Size 60 px / pt

Fill Very Dark Cyan

Font Family Myriad Variable Concept SemiBold SemiExtended Italic

Font Size 30 px / pt

Fill Very Dark Cyan

Font Family Myriad Variable Concept

Light SemiExtended

Font Size 25 px / pt

Fill Black

Typography

Font Family Myriad Variable Concept SemiBold SemiExtended

Font Size 34 px / pt

Fill White & Black

Font Family Myriad Variable Concept

Light SemiExtended

Font Size 18 px / pt

Paragraph Spacing 45 px

Fill Black

Leading 30 px / pt

Typography

Font Family Myriad Variable Concept

SemiExtended Italic

Font Size 24 px / pt

Fill Black

Black #000000 RGB (0, 0, 0)

Font Fill

Very Dark Cyan #146864

RGB (20, 104, 100)

White #FFFFFF RGB (255, 255, 255)

Underlining

Fill Black #000000

Weight 2 px / pt

Stroke 1 px / pt

*All images are scaled to fit - not actual size*

Menu Navigation

Navigation Bar Text

Font Family Myriad Variable Concept

Light SemiExtended

Font Size 25 px / pt

Fill Black

Navigation Bar Elements

Properties (*Per list option*) Width - 198 px

(Total Bar Width - 792 px Height - 88 px

Vertical Dividing Line 3x Weight - 2 px / pt Height - 92 px / pt Fill - Black #FFFFFF

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download