Skills & Expertise Addition
A luxury 'Dossier' style design system characterized by a high-contrast Navy (#050B1A) and Gold (#C5A059) palette. It features a sophisticated pairing of editorial Serif typography (Zodiak) with a modern geometric Sans-serif (Satoshi). This aesthetic is ideal for high-end professional portfolios, luxury fintech, executive branding, or premium architecture firms. The layout utilizes generous whitespace, minimalist 1px borders, and subtle glow effects to create a sense of exclusivity and precision.
Summary
A premium dark-mode design system using navy and gold accents with a focus on editorial typography and minimal line-based UI elements. The design emphasizes professional authority through wide-tracked uppercase labels and clean, geometric structures.
Style
The style is built on a foundation of 'Luxury Minimalist'. Typography pairs 'Zodiak' (Serif) for headings to provide a timeless, authoritative feel, with 'Satoshi' (Sans-serif) for body copy to ensure modern readability. The color palette is strictly limited to Deep Navy (#050B1A), vibrant Gold (#C5A059), and muted Slate grays (#F8FAFC, #94A3B8). Micro-interactions focus on smooth transitions (500ms-1000ms), 1px line drawing animations, and subtle scaling or glows rather than bouncy movements.
Layout & Structure
A structured, section-based layout with a heavy emphasis on 12-column grid alignment and large vertical padding (py-32). Components are often separated by 1px horizontal rules.
Navigation
Hero Section
Project/Feature Grid
Persona/About Section
Expertise/Skills Section
Testimonials
Contact/Inquiry Section
Components
Line-Draw Link
An elegant text link with an animated underline.
The Logo Box
A minimalist square branding element.
Gold-Border Tags
Minimalist labels for categorization.