Design System


Theme Accent
#0A7999


Theme Accent 2
#046885


Strongest Text
#28282B


Strong Text
#3c3c44


Medium Text
#50525F


Subtle Text
#74747E


Alt-Access Option
#0A5099


Subtle Background
#E5EDF2


Lighter Background #F3F5F9


White or Off-white
#FFF

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph and body text and you being able to address that right in the beginning is going to be a big plus 1 because I understand web design and I understand SEO. So that’s a big add-on when a person comes from a place of fear. And this is how you build a design system.

Strongest Text on Subtle
Background
Passes AAA accessibility for this small paragraph text.

Strong Text on Subtle Background
Passes AAA accessibility for this small paragraph text.

Medium Text on Subtle
Background
Passes AA accessibility for this small paragraph text. Fails AAA.

Theme Accent 2 on Subtle Background
Passes AA accessibility for this small paragraph text. Fails AAA.

Strongest Text on Lighter Background
Passes AAA accessibility for this small paragraph text.

Strong Text on Lighter Background
Passes AAA accessibility for this small paragraph text.

Medium Text on Lighter
Background
Passes AAA accessibility for this small paragraph text.

Theme Accent 2 on Lighter Background
Passes AA accessibility for this small paragraph text. Fails AAA.

Strongest Text on White
Background
Passes AAA accessibility for this small paragraph text.

Strong Text on White Background
Passes AAA accessibility for this small paragraph text.

Medium Text on White
Background
Passes AAA accessibility for this small paragraph text.

Theme Accent 2 on White Background
Passes AAA accessibility for this small paragraph text.