Files
boc/design-audit-results.md
T
Bernt 6989a98d75 feat: Passwordless cross-device authentication
- 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
2026-07-07 07:11:50 +00:00

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)

  1. Ta bort emojis
  2. Fixa ogiltig CSS

Kortsiktigt (denna veckan)

  1. Standardisera border-radius (6px, 10px, 16px)
  2. Skapa CSS-variabler för färger
  3. Börja flytta inline styles → extern CSS

Medellång sikt (nästa månad)

  1. Eliminerera !important
  2. Inför spacing-skala (4px base)
  3. Standardisera typografi (rem-enheter)

Audit utförd 2026-07-06