Luxury-focused Design System
A refined, editorial-style design system characterized by heavy geometric sans-serif typography, a sophisticated dusty rose and charcoal palette, and staggered grid layouts. This aesthetic is optimized for high-end luxury services, boutique hospitality, premium fashion brands, or architectural portfolios. It features scroll-triggered reveal animations, grayscale-to-color image transitions, and a 'glassmorphism' navigation bar. The layout focuses on massive, bold headlines paired with hyper-minimalist utility text, creating a contrast that feels modern yet timeless.
Summary
A luxury-focused, high-contrast design system called 'Super Travel' that uses bold geometric typography, a signature #e4a4bd accent, and a staggered grid to create a premium editorial feel.
Style
The style is built on 'League Spartan' sans-serif, using weight and letter-spacing for hierarchy. The color palette is a warm off-white (#fdf8f3), charcoal (#262626), and a dusty rose accent (#e4a4bd). It uses smooth transitions (cubic-bezier) and grayscale-to-color hover effects to signify premium quality.
Layout & Structure
The layout uses a 12-column grid system with significant whitespace. It features a high-impact hero section, a clean 3-column service grid, and a signature staggered gallery for portfolio items.
Navigation
Hero Section
Services Grid
Portfolio Staggered Grid
Footer
Components
Floating Concierge Badge
A floating circular element used for highlighting status or rank.
Reveal-Up Wrapper
Scroll-triggered entrance animation for all content blocks.
Special Notes
MUST use 'League Spartan' for both body and headers to maintain geometric consistency. MUST NOT use vibrant gradients; keep colors solid and muted. ALL reveal animations must use the specific cubic-bezier(0.16, 1, 0.3, 1) to ensure a high-end, 'weighted' motion feel. Images MUST be grayscale by default and reveal color only on interaction.