TimeTap Demo

Colors

black
(--color-styleguide-black)
#000000

green
(--color-styleguide-green)
#C0D128

white
(--color-styleguide-white)
#ffffff

navy
(--color-styleguide-navy)
#092933

cream
(--color-styleguide-cream)
#FBF7EE

yellow
(--color-styleguide-yellow)
#FDC60B

blue
(--color-styleguide-blue)
#00B2D1

Typography

EYEBROW TEXT LARGE

EYEBROW TEXT MED

EYEBROW TEXT SMALL

Heading Text Large

Heading Text Medium

Heading Text Small

Body Text Large

Body Text Medium

Body Text Small

Buttons

Button Primary (.button.button--primary)

Primary

Primary - Hover

Primary - Disabled

Primary (small)

Button Secondary (.button.button--secondary)

Secondary

Secondary - Hover

Secondary - Small

Button Tertiary (.button.button--tertiary)

Tertiary

Tertiary - Hover

Tertiary - Small

Button quaternary (.button.button--quaternary)

Quaternary

Quaternary - Hover

Quaternary - Small

Link 1 (.button.button--link-1)

Default

Hover

Link 2 (.button.button--link-2)

Default

Hover

Inputs

Input Field - Blank

Placeholder label

Input Field - Filled