Add design overhaul plan + partial icon work
TODO: Comprehensive design plan for fitness app feel - Dark theme color palette - Professional typography guidelines - SVG icons to replace ALL emojis - UI component standards - Inspiration from Nike/FITBOD/Strong Partial work from Claude Code: - Icons.jsx component (SVG icons) - Dashboard.jsx updates (some emoji removal)
This commit is contained in:
@@ -1,5 +1,52 @@
|
||||
# Gravl - Feature Roadmap
|
||||
|
||||
## 🎨 Design Overhaul - Fitness App Feel
|
||||
|
||||
**Mål:** En professionell, atletisk känsla - inte en hobby-app med emojis.
|
||||
|
||||
### Färgpalett
|
||||
- [ ] Primär: Mörk bakgrund (#0a0a0f eller liknande)
|
||||
- [ ] Accent: Energisk orange/röd (#ff6b35) eller electric blue (#00d4ff)
|
||||
- [ ] Text: Ljus på mörk (#ffffff, #a1a1aa för sekundär)
|
||||
- [ ] Gradienter: Subtila, inte rainbow
|
||||
|
||||
### Typografi
|
||||
- [ ] Rubrik: Bold, kondenserad sans-serif (Inter, Oswald, eller liknande)
|
||||
- [ ] Body: Clean sans-serif
|
||||
- [ ] Siffror/stats: Monospace eller tabular för alignment
|
||||
|
||||
### Ikoner & Grafik
|
||||
- [ ] **Bort med ALLA emojis** - ersätt med:
|
||||
- SVG-ikoner (Lucide, Heroicons, eller custom)
|
||||
- Stiliserade fitness-silhuetter för workout-typer
|
||||
- Abstrakta former/linjer istället för cartoonish grafik
|
||||
- [ ] Coach-avatar: Stiliserad silhuett eller initialer, inte emoji
|
||||
- [ ] Workout-ikoner: Dumbbell, barbell, kettlebell som rena linjeikoner
|
||||
|
||||
### UI-komponenter
|
||||
- [ ] Kort: Subtila skuggor, mjuka kanter, inte "bubbliga"
|
||||
- [ ] Knappar: Solid eller outlined, inte gradient-rainbow
|
||||
- [ ] Progress bars: Tunna, eleganta
|
||||
- [ ] Kalender: Minimalistisk, färgkodade dots/bars
|
||||
|
||||
### Bilder
|
||||
- [ ] Hero-bilder: Högkvalitativa träningsbilder (Unsplash fitness)
|
||||
- [ ] Bakgrunder: Mörka texturer eller subtila patterns
|
||||
- [ ] Inga clip-art eller cartoon-style
|
||||
|
||||
### Animation
|
||||
- [ ] Subtila micro-interactions
|
||||
- [ ] Smooth transitions (300ms ease)
|
||||
- [ ] Loading states: Skeleton screens, inte spinners med emojis
|
||||
|
||||
### Inspirations-appar
|
||||
- Nike Training Club
|
||||
- FITBOD
|
||||
- Strong
|
||||
- Hevy
|
||||
|
||||
---
|
||||
|
||||
## 🔐 Onboarding & Signup
|
||||
- [ ] Registrering/inloggning (email + lösenord)
|
||||
- [ ] Onboarding-wizard med steg-för-steg guide
|
||||
|
||||
Reference in New Issue
Block a user