Style Guide

Color Palette

Primary Color

#000914

Primary Dark

Navigation, headers, primary text

#1A73E8

Primary Blue

Links, CTAs, selected states

#24A510

Success Green

Positive metrics, success states

#4EB8F0

Info Blue

Informational states, charts

#D4183D

Danger Red

Errors, destructive actions

#F6C31E

Warning Yellow

Warnings, chart accent

Text Colors

#000914

Text Primary

Main text, headings

#363C45

Text Secondary

Secondary text, labels

#5E656E

Text Tertiary

Descriptions, captions

#98999A

Text Muted

Placeholders, disabled text

Background Color

#FFFFFF

White

Cards, main background

#EFF2F5

Light Gray

Input backgrounds, search boxes

#F8FAFC

Page Background

Page background

#EEF0FB

Light Blue

Light button backgrounds

Border Color

#E5E7ED

Border Light

Cards, dividers, borders

#CACCCE

Border Medium

Stronger borders, separators

#3D455E

Border Dark

Dark theme borders

Accent Backgrounds

#EAFAE6

Green Light

Success backgrounds

#EEF0FB

Blue Light

Info backgrounds

#FBEDED

Red Light

Error backgrounds

#F6EAE0

Orange Light

Accent backgrounds

Typography

Font - Inter

LevelSampleSpecificationsLetter Spacing
Heading 1Find Your Next Move36px/110% - Semi Bold-2% Letter Spacing
Heading 2Find Your Next Move24px/120% - Semi Bold-2% Letter Spacing
Heading 3Find Your Next Move18px/120% - Semi Bold-2% Letter Spacing
Heading 4Find Your Next Move14px/130% - Semi Bold-2% Letter Spacing
Body 1Find Your Next Move12px/140% - Medium-2% Letter Spacing
Body 2Find Your Next Move10px/150% - Regular-2% Letter Spacing

Icons

Buttons

Primary

Active
Hover
Disabled

Secondary

Active
Hover
Disabled

Other Buttons

Link Buttons

Active
Hover
Disabled

Select Controls

Checkbox

DefaultHoverFocusedDisabledError
Off
On

Radiobutton

DefaultHoverFocusedDisabledError
Off
On

Input Fields

Input

Input + Icon

Search

Dropdown

Navigations

Tab

Tag Button

Pagination

Paginations Page

Default
1
Hover
1
Active
1
Focused
1
More
...
...