Styleguide

Black #000000
Base Blue #146E82
Base Brown #AA6E4B
Base Tan #FAF5F0
NoMad Light Blue #D2F0FA
Midtown Light Pink #FAE1EB
Wynwood Lime #E1EFD2
SoHo Purple #D2DCF0
White #FFFFFF

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Tan

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

NoMad Light Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Midtown Light Pink

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Wynwood Lime

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

SoHo Purple

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

White

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Base Tan

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

NoMad Light Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Midtown Light Pink

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Wynwood Lime

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

SoHo Purple

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

White

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Tan

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

NoMad Light Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Midtown Light Pink

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Wynwood Lime

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

SoHo Purple

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

White

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Black

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

pass

Base Blue

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

pass

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

pass

WCAG AAA

fail

Base Brown

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG AA

pass

WCAG AAA

fail

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

WCAG AA

fail

WCAG AAA

fail

Lorem ipsum dolor sit amet

hero

Font size 180px Line height 135px Tracking 0.9px

Font size 60px Line height 48px Tracking 0.9px

Lorem ipsum dolor sit amet

Font size 150px Line height 135px Tracking 0.9px

Font size 60px Line height 48px Tracking 0.9px

Lorem ipsum dolor sit amet

Font size 62px Line height 62px Tracking 0.31px

Font size 45px Line height 40px Tracking 0.225px

Lorem ipsum dolor sit amet

Font size 50px Line height 50px

Font size 26px Line height 26px

Lorem ipsum dolor sit amet

Font size 30px Line height 30px Tracking 0.6px

Font size 24px Line height 24px Tracking 0.48px

Lorem ipsum dolor sit amet

Font size 20px Line height 20px Tracking 1px

Lorem ipsum dolor sit amet

Font size 18px Line height 18px Tracking 0.9px

Lorem ipsum dolor sit amet

featured

Font size 45px Line height 48px

Font size 24px Line height 24px Tracking 0.48px

Lorem ipsum dolor sit amet

narrative

Font size 42px Line height 48px Tracking 1.26px

Font size 18px Line height 20px Tracking 0.48px

Lorem ipsum dolor sit amet

tag

Font size 16px Line height 16px Tracking 1.6px

Lorem ipsum dolor sit amet

xs-tag

Font size 12px Line height 20px Tracking 1.1px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Expectoque quid ad id, quod quaerebam, respondeas.

Font size 18px Line height 22px

Font size 16px Line height 24px

Lorem ipsum dolor sit amet

small

Font size 16px Line height 18px

Font size 14px Line height 16px

Lorem ipsum dolor sit amet

Font size 14px Line height 20px

Font size 11px Line height 16px

Lorem ipsum dolor sit amet

footer

Font size 32px Line height 32px Tracking 2.56px

Font size 24px Line height 24px Tracking 1.92px

Lorem ipsum dolor sit amet

cta

Font size 24px Line height 24px Tracking 2.4px

Font size 12px Line height 12px Tracking 1.2px

Lorem ipsum dolor sit amet

button

Font size 14px Line height 14px Tracking 1.12px

Font size 35px Line height 38px Tracking 3.5px

Font size 20px Line height 20px Tracking 2px

Lorem ipsum dolor sit amet

nav

Font size 16px Line height 16px Tracking 3.2px

120px

Basis Grotesque

120px

Pogi