Style guide

Logos, fonts, colours of GetSandwich

Texts

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Scale is using 1.250 – Major Third. Heading’s line height is 1.3em

This paragraph uses Catamaran size 18, line-height is 1.7em.

This is a link

Quote

  1. This is a numbered list
  2. one
  3. two
  • This is a bulleted list
  • one
  • two
Preformatted

Logos

Green 200 px

Green 500 px

Logo Texts

Grey 83% height 50px

Grey 83% height 100px

Logo Texts (Dark)

White height 50px

White height 100px

Colours

GS Green

Lab: 61, -39, 34.5
#5AA352
HSL: 114, 33, 48

GS Dark Green

Lab: ?, -39, 34.5
#347d30

GS Light Green

Lab: ?, -39, 34.5
#86d07c

GS Brown

Lab: 58, 21.5, 36
#bf7c4d
HSL: 25, 47, 53

GS Yellow

#f9d999

GS Dark Yellow

#f0c766

GS Ultra Light Green

#FAFFFA

GS Blue

#02b2ed

Text Colour

Standard (4.5:1)

GS Text Base

#6E6E6E

GS Text Green

#437A3E

High Contrast (7:1)

GS Text Dark Base

#545454

GS Text Dark Green

#305A30

Min Contrast (3:1)

GS Text Light Base

#8c8c8c

GS Text Light Green (Link)

#53994D

Neutrals

Gray 94%

#212121 

(16.1:1)

Gray 83%

#3b3b3b

(11.2:1)

Gray 72%

#585858

(7.1:1)

Gray 50%

#777777

(4.5:1)

Gray 28%

#979797

(2.9:1)

Gray 17%

#b9b9b9

(1.96:1)

Gray 6%

#dbdbdb

(1.38:1)

Gray 2%

#FAFAFA

(1.04:1)

Buttons

Blurbs