Patina Fitness Empty State
A warm copper-toned empty state designed for fitness and workout tracking applications.
Features
- Geometric dumbbell SVG — Simple illustrative icon built from geometric shapes
- Motivational copy — Encouraging headline and subtext to drive first action
- Workout category cards — Three suggestion cards (Strength, Schedule, Progress) for quick starts
- Dotted pattern background — Subtle repeating dot pattern for visual texture
- Copper/bronze palette — Aged patina aesthetic with warm grays
- Full dark mode — Charcoal background with warm copper accents
Dependencies
@/components/vue-ui/badge — Category label
@/components/vue-ui/button — Primary CTA
@/components/vue-ui/card — Suggestion cards
@/components/vue-ui/separator — Visual divider
lucide-vue-next — Dumbbell, Plus, Calendar, TrendingUp, ArrowRight icons
Customization
- Colors: Swap copper (#b87333) for another warm metallic tone
- Typography: Replace Oswald/Lato with your brand fonts
- Cards: Add or modify workout category suggestions
- CTA: Customize button text and action for your onboarding flow