Theme Accent
#0A7999
Theme Accent 2
#046885
Strongest Text
#28282B
Strong Text
#3c3c44
Medium Text
#50525F
Subtle Text
#74747E
Alt-Access Option
#0A5099
Primary CTA
#B95B29
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.