Styles & Things

You're a curious one! Here's a page I build for all my sites to have design decisions and styles documented.

Explore

Color

Solids

Neutral

Brand

Neutral

100

Brand

100

Neutral

200

Brand

200

Neutral

300

Brand

300

Neutral

400

Brand

400

Primary

Neutral

500

Brand

500

Neutral

600

Brand

600

Neutral

700

Brand

700

Neutral

800

Brand

800

Neutral

900

Brand

900

Neutral

950

Brand

Accent

Transparency & Overlays

Light αlpha

Light

Subdued

Light

Subtle

Light

Strong

Dark αlpha

Dark

Subtle

Dark

Subdued

Dark

Strong

Text Colors

Text

Subdued

Text

Subtle

Text

Strong

Typography

Font

Figtree

Headings

Heading

H1.huge

Hello world!

Heading

Hello world!

Heading

Hello world!

Heading

Hello world!

Heading

Hello world!

Heading

Hello world!

Heading

Hello world!

Body & Text

Body features taller line-heights for improved legibility in paragraphs. Text features shorter line-heights for improved spacing on UI elements.

Text

Large