Open Elements · UI foundation

Color, typography, components and status patterns

Color palette

Primary blue--primary
Dark navy--navy
Light blue--secondary
Accent teal--teal
Success--success
Warning--warning
Danger--danger
Neutral--neutral

Typography

H1 · Montserrat Bold / 32

H2 · Montserrat Semibold / 24

Body · Lato Regular / 14

Caption · Lato Regular / 12

Components

Status badges

SuccessWarningDangerInfo

Search field

Metric card

Total projects

12

Risk badge

High risk

Layout principles

8 px spacing rhythm
Subtle 1 px borders
12 px card radius
Accessible contrast
Data-first hierarchy