Café Reset 30D — Dark Premium Mobile Landing
A dark, premium mobile landing page design system named 'Café Reset'. It features a sophisticated 'coffee-inspired' color palette of deep blacks, warm golds, and cream accents. The aesthetic combines wellness and fintech sensibilities, utilizing editorial-grade typography (Cabinet Grotesk and Satoshi) and high-contrast visuals. Suitable for high-ticket digital products, wellness protocols, biohacking apps, and premium lifestyle services. Layout features high-impact hero sections, emotional storytelling cards, bento-style trust grids, and data-visualization graphs.
Summary
A high-conversion, mobile-optimized premium dark mode design. It uses an emotional narrative structure (pain points, mechanism, solution) supported by warm metallic accents, glowing cards, and smooth micro-interactions to create a sense of authority and luxury.
Style
Premium dark mode with a 'warm metallic' theme. Typography uses a pairing of bold, high-character Grotesk for headlines and clean, legible sans-serif for body text. Colors are centered around deep ink tones and warm gold/coffee accents with subtle glows and grain textures. Animations are organic and focused on upward motion ('rise') and shimmer effects.
Layout & Structure
The layout is a single-column mobile-first stack utilizing rounded cards (3xl, 24px-32px radius) to isolate narrative beats. It follows an 'AIDA' plus 'Mechanism' marketing structure.
Header
Hero Section
Mechanism Section
Before/After Data Visualization
Product Mockup Section
Final Conversion CTA
Components
The Shimmer Button
A high-impact gold button with a moving light reflection.
Ambient Background Glows
Abstract shapes to create depth.
Special Notes
MUST: Use 'view-transition-name: main-content' for seamless scrolling. MUST: Keep background blurs (3xl) in gold/coffee tones very subtle (opacity 10-12%). MUST: Ensure all buttons have an active:translate-y-[1px] micro-interaction. DO NOT: Use pure #000 black; use #0f0f0f for better depth. DO NOT: Use standard blue or green for positive indicators; stick to Gold (#d4a574).