L'AVENIR — AI Service Portfolio
L'AVENIR is an editorial luxury design system for high-end AI service portfolios, fintech, and boutique consultancies. It features a warm, sepia-toned palette (#faf8f3 background, #2a2219 text) paired with muted gold (#d4a574) and sophisticated serif typography (Boska). The aesthetic is defined by generous whitespace, 2.5rem rounded corners, 'echo-layer' text effects, and glassmorphism cards. Suitable for industries requiring a blend of technological precision and artisanal craftsmanship like medtech, luxury real-estate, or high-finance dashboards.
Summary
A warm, high-end editorial portfolio design with a luxury boutique feel, utilizing sophisticated serif typography, sepia image treatments, and subtle micro-interactions like multi-layered text echoes and smooth scale transitions.
Style
The style is 'Editorial Luxury'. It uses a warm-toned neutral palette: cream (#faf8f3), deep espresso (#2a2219), and muted gold (#d4a574). Typography pairings include Boska for headings (high-contrast serif) and Plus Jakarta Sans/Satoshi for body and UI elements (clean sans-serif). Visuals are characterized by high-radius rounded corners (32px-40px), very soft shadows (#2a2219 at 5% opacity), and sepia-filtered images that reveal color on hover.
Layout & Structure
A vertical-scrolling single-page architecture featuring a fixed blurred navigation, high-impact hero sections with large-scale typography, and a mix of symmetrical and asymmetrical grids for showcasing services and case studies.
Fixed Navigation
Hero Section
Portfolio Grid
Process Section (How It Works)
Pricing Tiers
Footer
Components
Echo-Layer Typography
Multi-layered text shadow effect for a high-concept editorial look.
Luxury Reveal Cards
Interactive cards used for disciplines and features.
FAQ Accordion
Minimalist interactive Q&A with gold accents.