Design System Documentation

Colors

Primary Blue #00264D

Main brand color, headers

Secondary Blue #003366

Secondary elements

Turquoise #007A99

Accent elements

Gray #666666

Supplementary text

Orange #FF8800

Call-to-action, highlights

Green #009959

Success states

Light Gray #FFFEFC

Background

Light Blue #E6EEF7

Secondary background

Images

Image Gallery

Typography

Montserrat

Headline 1 (36px)

Headline 2 (24px)

Headline 3 (20px)

Body Text (16px)

Small Text (14px)

Light (300) - The quick brown fox jumps over the lazy dog

Regular (400) - The quick brown fox jumps over the lazy dog

Medium (500) - The quick brown fox jumps over the lazy dog

Semibold (600) - The quick brown fox jumps over the lazy dog

Bold (700) - The quick brown fox jumps over the lazy dog

Components

Card Component

This is a card component with a white background and subtle shadow.

Feature Card

A special card used for highlighting features or important content.