Claude/fitness app styling 7gi jd

.github/workflows/pages.yml

@@ -0,0 +1,32 @@
+name: Deploy Prototype to Pages
+
+on:
+  push:
+    branches:
+      - claude/fitness-app-styling-7giJD
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/configure-pages@v5
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: fabio-antunes-app/prototype
+      - id: deployment
+        uses: actions/deploy-pages@v4

fabio-antunes-app/prototype/README.md

@@ -0,0 +1,43 @@
+# Fabio Antunes — Prime Coaching · Prototyp
+
+Erste Design-Vorschau im "Dark & Athletic / Premium Gold"-Stil.
+
+## Ansehen
+
+```bash
+# Im Browser direkt öffnen:
+open fabio-antunes-app/prototype/index.html
+
+# Oder mit Live-Server (Auto-Reload):
+cd fabio-antunes-app/prototype && python3 -m http.server 8080
+# Dann http://localhost:8080 öffnen
+```
+
+Auf dem Handy: einfach die `index.html` im mobilen Browser öffnen, sieht in der Realität noch besser aus.
+
+## Stand
+
+- ✅ **Heute-Screen** (`index.html`) — Greeting, Workout-Hero, Tagesziele, Schnellzugriff, Coach-Chat-Preview, Bottom-Nav
+- ⏳ Workout-Detail (kommt nach Freigabe)
+- ⏳ Übungs-Tracking (kommt nach Freigabe)
+- ⏳ Fortschritt mit Charts (kommt nach Freigabe)
+
+## Design-Tokens
+
+- **Akzent**: Gold `#DAAC2F` (mit `#F5C75A` als Highlight, `#CFA847` als Subtle)
+- **Hintergrund**: Tiefschwarz `#0A0A0A` → Surface `#141414`
+- **Typo**: Inter (300–800)
+
+Alle Farben sind als CSS-Variablen in `assets/styles.css` definiert (oben unter `:root`).
+
+## Logo austauschen
+
+Aktuell ist ein **SVG-Platzhalter** in `assets/logo.svg`. So tauschst du dein PNG ein:
+
+1. PNG (transparent, mind. 256×256) in `assets/logo.png` ablegen
+2. In `index.html` ersetzen:
+   ```html
+   <img src="assets/logo.svg" ...>
+   <!-- → -->
+   <img src="assets/logo.png" ...>
+   ```