S
Skolappar
Varumärkesguide v1.0
Ett varmt papper, en tydlig färg, stora händer. Inget blink, inga skrikkänningar, ingen spelhall – apparna ska kännas som ett bra arbetshäfte.
Familjen
Samma platta, samma prick uppe till höger, olika färg per ämne. Pricken är familjetecknet.
Färg
Papper #faf7f2
Bläck #14181f
Linje #e7e2d9
Matte #2563eb
Svenska #d6367f
Språk #0e9488
NO #16a34a
SO #e2662a
Kod #7c3aed
En app använder ett accent och håller sig till det. Accent blir aldrig textfärg på papper under 20 px.
Typografi
Skärmtitel 28–40
Sektionsrubrik 20
Brödtext 16 – en rad är max 60 tecken på iPad.
Sekundär text 14
Etikett 12
Inter, bundlat lokalt via @fontsource/inter. Inga Google Fonts. Siffror i poäng och tid i tabular-nums.
Form och knappar
Piller
| Element | Radie |
|---|---|
| Kort | 24 px |
| Knapp | 16 px |
| Piller | 999 px |
| Ikonplatta | 28 % |
Touch och iPad
- Minsta träffyta 52×52 px, minst 12 px mellan träffytor.
- Ingen
user-scalable=no, ingen dubbeltryck-zoom. - Ingen hover-only information.
- Drag-och-släpp får ha ett tryck-alternativ.
- Både landskap och porträtt, ingen sidledscrollning.
- Ljud är opt-in, inget ljud före första trycket.
Röst
Till barnet: kort, konkret. “Dra bokstaven till ordet.”
Fel ska aldrig heta “Fel!”. Det ska heta “Nästan! Titta på den första bokstaven.”
Checklista före publicering
- Ikoner +
og.pnggenererade medicon.py. - Alla träffytor ≥ 52 px, testade i 1024×768 och 390×844.
- Ingen horisontell scroll i någon vy.
<meta name="theme-color">= accent,lang="sv", JSON-LD på plats.- Fotrad: Gratis · ingen inloggning · fungerar på iPad.
- Spelat igenom på iPad-mått och på mobil.
Skolappar · öppen källkod · inga konton, ingen spårning. Full text i BRAND.md och tokens.css.