RecruiterAI - Luxury Bespoke Redesign
RecruiterAI is a luxury, high-end SaaS design system characterized by a deep 'Midnight' dark mode (#0a0e27) and sophisticated gold/amber accents (#d97706). It employs an editorial-style typography pairing of the Zodiak serif for headlines and Satoshi sans-serif for UI elements. The aesthetic leans heavily into glassmorphism, featuring backgrounds with 24px backdrop blurs, subtle mesh gradients, and refined 1px borders (rgba(255,255,255,0.06)). It is perfectly suited for premium fintech, executive recruitment platforms, high-end AI dashboards, and bespoke enterprise tools requiring a sense of prestige and authority.
Summary
A bespoke, high-end dashboard design with a deep navy/midnight color palette, amber-gold accents, and editorial typography. It features glassmorphism cards, expansive whitespace, and sophisticated loading animations that convey a sense of 'neural' or high-tech processing.
Style
The style is 'Luxury Tech', combining dark mode depth with warm gold highlights. Typography uses a high-contrast pairing: Zodiak (Serif) for elegance and Satoshi (Sans-serif) for functional clarity. Colors are anchored by Midnight Navy (#0a0e27), Amber (#f59e0b), and Gold (#d97706). Transitions are smooth, utilizing cubic-bezier(0.4, 0, 0.2, 1) for a weighty, premium feel. Backgrounds include a subtle 40px grid mesh for texture.
Layout & Structure
A centered, single-column layout optimized for focus. It uses a high-navigation bar (96px/h-24) and a spacious main content area (max-width: 5xl) with generous vertical padding.
Navigation Bar
Hero Header
Primary Interaction Card
Loading Modal Overlay
Components
Elite Action Button
Oversized high-gloss primary button with deep shadows.
Neural Input Badge
Small status indicator for form fields.
Status Step Card
Animated progress indicator card within the modal.