Color Palette

Primary

#1F54C9

RGB 31, 84, 201

Main brand action and high-emphasis UI

Copy Color

Secondary

#2D66E6

RGB 45, 102, 230

Supporting brand surfaces and secondary actions

Copy Color

Accent

#366CE5

RGB 54, 108, 229

Moments of emphasis, links and highlights

Copy Color

Background

#F9FBFE

RGB 249, 251, 254

Primary page background

Copy Color

Surface

#F2F4F9

RGB 242, 244, 249

Cards, panels and elevated UI

Copy Color

Heading Text

#111827

RGB 17, 24, 39

High-contrast headings

Copy Color

Primary Text

#27272A

RGB 39, 39, 42

Core reading text

Copy Color

Secondary Text

#52525B

RGB 82, 82, 91

Descriptions and supporting copy

Copy Color

Muted Text

#71717A

RGB 113, 113, 122

Quiet labels and metadata

Copy Color

Success

#179B57

RGB 23, 155, 87

Positive status

Copy Color

Warning

#C57621

RGB 197, 118, 33

Cautionary status

Copy Color

Error

#CD2A33

RGB 205, 42, 51

Critical status

Copy Color

Typography System

Shape the future with clarity

Display

Inter, Geist, SF Pro Display, sans-serif

64px / 700 / 1.02 / -0.02em

Copy Typography

Built for focused teams

Heading 1

Inter, Geist, SF Pro Display, sans-serif

50px / 700 / 1.06 / -0.01em

Copy Typography

A system with intent

Heading 2

Inter, Geist, SF Pro Display, sans-serif

38px / 700 / 1.1 / 0em

Copy Typography

Designed to scale

Heading 3

Inter, Geist, SF Pro Display, sans-serif

30px / 650 / 1.15 / 0em

Copy Typography

Product-ready details

Heading 4

Inter, Geist, SF Pro Display, sans-serif

24px / 600 / 1.2 / 0em

Copy Typography

Quiet hierarchy

Heading 5

Inter, Geist, SF Pro Display, sans-serif

20px / 600 / 1.28 / 0em

Copy Typography

Useful structure

Heading 6

Inter, Geist, SF Pro Display, sans-serif

18px / 600 / 1.3 / 0em

Copy Typography

A concise system for a polished digital experience.

Subtitle

Inter, Geist, SF Pro Display, sans-serif

18px / 450 / 1.55 / 0em

Copy Typography

Every token is tuned for contrast, rhythm and practical product use.

Body Large

Inter, Geist, SF Pro Display, sans-serif

17px / 450 / 1.65 / 0em

Copy Typography

Readable, balanced and calm across dense interface moments.

Body

Inter, Geist, SF Pro Display, sans-serif

15px / 450 / 1.6 / 0em

Copy Typography

Generated design token

Caption

Inter, Geist, SF Pro Display, sans-serif

13px / 450 / 1.45 / 0.01em

Copy Typography

Create system

Button

Inter, Geist, SF Pro Display, sans-serif

14px / 650 / 1 / 0.01em

Copy Typography

DESIGN TOKEN

Label

Inter, Geist, SF Pro Display, sans-serif

12px / 650 / 1 / 0.04em

Copy Typography