Design System
The visual foundation of your website — colors, typography, spacing, and components all in one place.
Your brand colors used consistently across every page.
Primary
#2A2A2A
bg-primary
Secondary
#30605A
bg-secondary
Tertiary
#D2AFAA
bg-tertiary
Accent
#AEC3BC
bg-accent
Dark
#2A2A2A
bg-dark
Light
#F5F2EF
bg-light
Every text style — headings, body, buttons, and more.
Hero Title
H1
H2
H3
H4
H5
H6
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
Call-to-action styles on both light and dark backgrounds.