Fitners — AI Fitness SaaS Homepage
A vibrant, energetic AI-powered fitness SaaS design system. Characterized by a high-contrast 'Ink and Paper' base (#0B1220 and #F8FAFC) accented by a neon trio of Yellow (#FFD60A), Cyan (#00D9FF), and Purple (#8B5CF6). The aesthetic combines bento-grid layouts, glassmorphism, and geometric background patterns. Suitable for fintech, health-tech, SaaS dashboards, and motivational performance brands. Features scroll-friendly sections, readable typography (Space Grotesk and Source Sans 3), and soft glowing shadows that reflect the brand's tech-forward identity.
Summary
Fitners is a modern fitness SaaS design that uses a clean, grid-based layout with vibrant neon accents to convey energy and high-tech AI capability. It balances professional structure with motivational dynamic elements like glowing cards and subtle mesh gradients.
Style
The style utilizes a 'Neo-Grotesk' typographic approach pairing Space Grotesk for headlines (geometric, tech-feel) with Source Sans 3 for high-readability body copy. The color palette is strictly managed: Yellow (#FFD60A) for highlights/results, Cyan (#00D9FF) for AI/activity, and Purple (#8B5CF6) for recovery/community. UI elements feature large border-radii (12px to 32px), subtle borders (#E2E8F0), and distinctive 60px blur 'glow' shadows in brand colors.
Layout & Structure
A structured multi-section landing page with a sticky navigation bar, a high-impact split-hero, a 3-column feature grid, a mixed-media social proof section, and a 3-tier pricing table.
Header
Hero Section
Features Bento Grid
Success Stories
Pricing Table
Components
Interactive AI Dashboard Card
A complex UI mockup demonstrating app functionality.
Neon Glow Card
Hover-active feature cards with specific light-leak effects.
Dark Mode
coherence