The Minneapple
Design System.
The "Gold Standard" codified. A reference for typography, color, texture, and component behavior to ensure consistency across the platform.
Color Authority
Luxury Charcoal
#1A1A1A
Luxury Gold
#D4AF37
Luxury Cream
#F9F7F2
Luxury Ruby
#a81933
Typography Hierarchy
This is a Display Headline.
Emphasized context or subhead.
Body copy should be legible, breathable, and slightly lighter than pure black. "Real Talk" requires clarity. We use ample line height to create a sense of luxury and ease.
Cinematic Composition
Glass Card
Used for service pillars, features, and content blocks. Subtle border, soft shadow, backdrop blur.
Textured Depth
The 'Gold Standard' signature. Noise overlay at 10-20% opacity + mix-blend-overlay. Adds tactile feel to the digital experience.
Dark Cinematic
Used for high-contrast callouts and 'Next Steps'. White text on Charcoal with Gold accents.
Action LinkInteraction & Voice
Button System (Unified)
Import from @/components/ui/button
Wrap with <MagneticButton> for interactive pull effect.
Real Talk Component
The Real Talk on
Voice of the Brand
This component is the vehicle for our 'Real Talk' strategy. It breaks up long pages with authentic, slightly contrarian, or deeply insightful commentary that only an expert could provide.
Have questions about this? Ask Chris.→