TaxQue Design System

Updated Source of Truth: Colors, Gradients & Typography

1. Brand Colors (Solid)

Brand Navy #0E1C36

Brand Orange #F39200

Brand Green #6EBD44

2. Background Gradients (Light Mode)

HERO GRADIENT
(Top of page only)

SUBTLE SECTION
(Cards, Features, Content)

3. Typography (Poppins)

Strictly use "Poppins". Do not use H1 more than once per page.

<h1> Page Title

Size: 3.5rem (Desktop) / 2.5rem (Mobile)
Weight: 700 (Bold)
Color: Brand Navy

<h2> Section Heading

Size: 2.5rem
Weight: 600 (SemiBold)
Color: Brand Navy

<h3> Card Title

Size: 1.5rem
Weight: 600 (SemiBold)
Color: Brand Navy

<p> Standard body text for paragraphs.

Size: 1rem (16px)
Weight: 400 (Regular)
Line-height: 1.6

<small> UI Label

Size: 0.875rem (14px)
Weight: 500 (Medium)
Caps: Uppercase