Headings Large

4xl - Heading 1

3xl - Heading 2

2xl - Heading 3

xl - Heading 4

lg - Heading 5

md - Heading 6

sm - Subtile

xs - Caption

Text - Primary ( Inter Font )

6xl - Automate writing test cases

5xl - Automate writing test cases

4xl - Automate writing test cases

3xl - Automate writing test cases

2xl - Automate writing test cases

xl - Automate writing test cases

lg - Automate writing test cases - Paragraph Main

md - Automate writing test cases - Paragraph Small

sm - Automate writing test cases

xs - Automate writing test cases

Text - Secondary ( DM Mono)

6xl - Automate writing test cases

5xl - Automate writing test cases

4xl - Automate writing test cases

3xl - Automate writing test cases

2xl - Automate writing test cases

xl - Automate writing test cases

lg - Automate writing test cases - Paragraph Main

md - Automate writing test cases - Paragraph Small

sm - Automate writing test cases

xs - Automate writing test cases

Colors

Neutral Colors

Gray 50

#F7FAFC

Gray 100

#EDF2F7

Gray 200

#E2E8F0

Gray 300

#CBD5E0

Gray 400

#A0AEC0

Gray 500

#718096

Gray 600

#4A5568

Gray 700

#2D3748

Gray 800

#1A202C

Gray 900

#171923

Brand Colors

Teal

#01CCF5

Pink

#FE64D8

Teal 10%

#01CCF5 10%

Pink 10%

#FE64D8 10%

Buttons

Buttons lg (with material icon font)

Rich text Editors custom spans s-reds-greenvar-pink var-white var-teal