Design System
This page showcases the MDMA Digital Marketing design system and component library.
Color System
Brand Colors
Purple (Primary)
Hex: #240337
OKLCH: oklch(0.606 0.25 292.717)
Peach (Secondary)
Hex: #CB8542
Orange (Accent)
Hex: #E54800
OKLCH: oklch(0.7 0.2 30)
UI Elements
Buttons
Text Highlights
This text has a primary highlight.
This text has an accent highlight.
Badges
Primary BadgeSecondary BadgeAccent Badge
Cards
Basic Card
Glass Effect
Typography
Headings
Display
Display Heading
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
Heading 4
Heading 4
Body Text
Body Large
This is body large text. MDMA Digital Marketing helps businesses grow their online presence.
Body
This is body text. MDMA Digital Marketing helps businesses grow their online presence.
Body Small
This is body small text. MDMA Digital Marketing helps businesses grow their online presence.
Caption
This is caption text. MDMA Digital Marketing helps businesses grow their online presence.