Designsystem

Allt som syns delar samma källa, så webb, Android och Apple ser likadana ut.

Färger och former (design tokens)Copy Anchor Link

• Källa: packages/tokens/src/ (formatet DTCG, en standard för designvärden).
• Ändra en färg där och kör pnpm --filter @repo/tokens generate. Då uppdateras webbens CSS, Androids Kotlin-fil och Apples Swift-fil samtidigt.
• Namnen följer shadcn: background, foreground, primary, muted, border osv. Skriv aldrig en färgkod direkt i en app.
• Kontrasten räknas ut automatiskt: packages/tokens/dist/contrast.md. Bygget stoppas om en ny textfärg blir svårläst (under 4,5:1).

KomponenterCopy Anchor Link

shadcn/ui (Base UI, stil base-mira) i packages/ui. Lägg till fler med pnpm ui:add <namn>.

VarumärkeCopy Anchor Link

Röst, logotyp, bilder, ikoner och butiksbilder: packages/brand/GUIDELINES.md (13 delar, mall i packages/brand/TEMPLATE.md).