Tisdag
Tisdagens kycklinggryta
25 minHar hälften hemma
- G
- M
Designsystem
Färger, typografi och komponenter enligt Brand Guideline v1.0.
01 — Logotyp
Ordmärke och symbol
matrmatrmatr
Aldrig under 24 px. Symbolen bara i Tomat, Kol eller Vit.
02 — Typografi
Fraunces + Manrope
Display — Fraunces 600, 48/52
Vad blir det för mat?
H1 — Fraunces 600, 36/42
Din vecka
H2 — Fraunces 600, 28/34
Tisdagens kycklinggryta
H3 — Fraunces 600, 22/28
Onsdag
Body — Manrope 400, 16/24
Berätta lite om er, så sätter vi ihop en plan. Tar en minut.
Siffror — tabular-nums
25 min · 4 port · 189 kr
Fraunces används aldrig under 22 px. Knappar och chips är alltid Manrope.
03 — Färger
Palett
Primära
tomat
…
Primär knapp, aktiva element, logotyp
tomat-dark
…
Hover, länkar och små texter
basilika
…
Sekundär, klart-tillstånd, bock
havre
…
Huvudbakgrund, aldrig rent vitt
kol
…
All brödtext och rubriker, aldrig svart
Accent och stöd
saffran
…
Höjdpunkter och badges, aldrig text
persika
…
Kortbakgrund, markerad dag
mynta
…
Bakgrund för hemma redan
sten
…
Sekundär text, metadata
kvist
…
Linjer, avdelare, inaktiva element
04 — Knappar
En primary per vy
Vit text på Tomat kräver minst 15 px halvfet — därför är `sm` aldrig primary.
05 — Chips
Toner
Har hälften hemmaNyBarnvänlig25 minFiskMån 14 sep
06 — Veckoraden
Sju runda dagar
Persika = planerad, Tomat = idag, Kvist-kontur = tom.
07 — Måltidskort
Ett kort per dag
08 — Handlingslistan
Bocken
1 av 3 klart.
09 — Form
Radier och skugga
rounded-input
8 px — chips, inputs
rounded-card
16 px — kort
rounded-card
24 px — modaler
rounded-pill
999 px — knappar
Kort bär kant, inte skugga. Enda skuggan är --shadow-fab.