INDIGO WEST

STYLE GUIDE

COLORS

color-indigo
#0b464e
color-yellow
#f0ecb0
color-blue
#aad0d5
color-brown
#664d10
color-cream
#f4f1ea

TYPOGRAPHY

HEADING 1

Used in Hero section only. Lewiston Typeface. Font-weight: 300. Letter-spacing: 0.07em. Size: type-jumbo (variable)

Heading 2

Used as leading/heading text. Masqualero typeface. Font-weight: 300. Letter-spacing: normal. Size: type-h2 (variable)

Heading 3
‍

Used in blue banners. Masqualero typeface. Font-weight: 300. Letter-spacing normal. Size: type-h3 (variable) use on text element, not h3.

Heading 4

Used as chrome labels in each section. Karla typeface. Font-weight: 400. Letter-spacing: normal. Size: type-body (variable)

Body text
‍
Used throughout site as main body/reading text. Masqualero typeface. Font-weight: 400. Letter-spacing: normal. Size: 1 rem.

SPACING

Each section with type that bleends to the edge, use 'container' div element as outermost element in section.
Used in navbar, footer, and mobile sizing for sections.
This keeps marginal padding consistent.
1.25vw on each side for desktop.
2.5vw on each side for mobile.