Style Guide

A central guide for common components and styles used in Oak.

Colors

Primaries and grays controlled by the Global Swatch feature.
Dark
#242424
Light
#E1E1E0
White
#FFFFFF
Palette 1
#393A36
Palette 2
#254A4A
Palette 3
#61513A
Border
rgba(225,255,224,0.2)

Typography

Headings, body and other common text elements.
Display

Heading One

Heading One

Heading Two

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Body Text    Body Link

Buttons

Component, text style and size variations

Form Inputs

General style and state variations for text inputs.

Inputs

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Labelled Input

Hint text for the input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Text Area

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.