Foundation

Brand Colors

Primary

#0C92E1

Dark

#182C33

Light BG

#D4E2F9

Green

#1fa95c

Orange

#f9943b

Red

#f33144

Foundation

Typography

Headings: Baloo 2 | Body: Raleway

Heading 1 (48px)

Heading 2 (36px)

Heading 3 (30px)

Heading 4 (24px)

Heading 5 (20px)

Body Large (18px) - Default body text size

Body Regular (16px)

Small Text (14px)

Elements

Buttons

Primary Buttons

Primary Button Large Primary Glow Effect

Secondary Buttons

White Button Outline Button

Special Buttons

Success Dark Button Link Style

Components

Cards

Benefit Cards

Card Title

Card description goes here with details.

Card Title

Card description goes here with details.

Card Title

Card description goes here with details.

Step Cards

1

Step Title

Step description explaining what happens.

2

Step Title

Step description explaining what happens.

Dark Theme Cards

Dark Card

Description on dark background.

Dark Card

Description on dark background.

Effects

Animations

Float

animation: float 3s ease-in-out infinite

Fade In Up

animation: fadeInUp 0.6s ease-out

Scale Hover

hover:scale-110

Assets

Mascot & Logo

logo.svg

logowhite.svg

delphi-mascot.svg

Delphi Flashlight.svg