Design System

Brand & Design Tokens

The visual foundation of your website — colors, typography, spacing, and components all in one place.

Your brand colors used consistently across every page.

Color Palette

Primary

#6D3A77

bg-primary

Secondary

#91C560

bg-secondary

Tertiary

#CF2C2C

bg-tertiary

Accent

#F6C74C

bg-accent

Dark

#211E1E

bg-dark

Light

#FFFFFF

bg-light

Every text style — headings, body, buttons, and more.

Hero Title

Overline

OVERLINE TEXT

Subheading

This is a subheading for additional context

Paragraph

This is body text for longer paragraphs and general content. It is designed for readability and comfortable reading at various screen sizes.

Caption

This is caption text for small details

Button Text

BUTTON TEXT

Call-to-action styles on both light and dark backgrounds.