6989a98d75
- Arkitektur: docs/auth/passwordless-architecture.md - Backend: iom/quixzoom-auth-service/ (FastAPI + Redis) - Webb: quixzoom-market-pages/se/login/ (QR-kod + polling) - App: iom/quixzoom-app/src/features/auth/ (push + deep links) Flöde: QR-kod → app-godkännande → webb-inloggad
2.4 KiB
2.4 KiB
Design Audit — Resultat
Datum: 2026-07-06 Utförd av: Bernt
✅ ÅTGÄRDADE PROBLEM
1. Emojis — BORTTAGNA
- 477 filer modifierade
- 1 354 emojis ersatta med SVG-ikoner
- 2 915 emojis borttagna
- Alla sajter rensade: landvex-site, quixzoom-landing, landvex-all, quixzoom-market, landvex-market
2. Ogiltig CSS-färg — FIXAD
#10007→#100007(6 tecken istället för 5)- ~300 förekomster fixade
🟡 KVARSTÅENDE PROBLEM (kräver manuell granskning)
3. Inkonsekvent border-radius
161 filer har flera olika border-radius värden:
4px, 6px, 7px, 10px, 16px, 20px— ingen standard- Exempel: landvex-site/index.html använder 20px, 16px, 10px, 6px, 4px
Rekommendation: Definiera standardvärden:
--radius-sm: 6px(knappar, tags)--radius-md: 10px(kort, modaler)--radius-lg: 16px(stora kort, hero)--radius-full: 9999px(pills, avatars)
4. Inline styles — 5 164 kvar
Bryter mot: Separation of concerns, Design Constitution
Rekommendation: Flytta till extern CSS med design tokens:
:root {
--color-primary: #0066ff;
--color-text: #1d1d1f;
--radius-sm: 6px;
--radius-md: 10px;
--space-1: 4px;
--space-2: 8px;
--space-3: 16px;
--space-4: 24px;
--font-sm: 0.875rem;
--font-base: 1rem;
--font-lg: 1.25rem;
}
5. !important — 3 364 kvar
Bryter mot: CSS best practices
Rekommendation: Refactor med tydlig specificity-hierarki
📊 STATUS PER SAJT
| Sajt | Emojis | Ogiltig CSS | Inline Styles | !important | Border-radius |
|---|---|---|---|---|---|
| landvex-site | ✅ 0 | ✅ Fixad | 🔴 4 570 | 🔴 1 388 | 🟡 161 filer |
| quixzoom-landing | ✅ 0 | ✅ OK | 🔴 592 | 🔴 636 | 🟡 Ej granskat |
| landvex-all | ✅ 0 | ✅ Fixad | 🟡 2 | 🔴 1 339 | 🟡 Ej granskat |
| quixzoom-market | ✅ 0 | ✅ OK | 🟡 325 | 🟢 1 | 🟡 Ej granskat |
| landvex-market | ✅ 0 | ✅ OK | 🟡 148 | 🟢 0 | 🟡 Ej granskat |
🎯 NÄSTA STEG
Omedelbart (idag)
- ✅
Ta bort emojis - ✅
Fixa ogiltig CSS
Kortsiktigt (denna veckan)
- Standardisera border-radius (6px, 10px, 16px)
- Skapa CSS-variabler för färger
- Börja flytta inline styles → extern CSS
Medellång sikt (nästa månad)
- Eliminerera !important
- Inför spacing-skala (4px base)
- Standardisera typografi (rem-enheter)
Audit utförd 2026-07-06