Styleguide

Alla tokens och komponenter på ett ställe.

Färger

Tre kulörer och fyra neutraler. Varje neutral hör till en enda roll — flyttad till en annan botten klarar den inte kontrastkravet.

--orange #E2571B — Tryckorange — knappar, accent, snedstreck

--black #12100E — Sotsvart — text, linjer, svart band

--white #FFFFFF — Ljust band, vit text på svart

--ink-body #4A4540 — Brödtext på vitt — 9,47:1

--ink-label #6E6862 — Etiketter på vitt — 5,50:1

--ink-body-dark #B5B0AA — Brödtext på svart — 8,82:1

--ink-label-dark #8C8781 — Etiketter på svart — 5,33:1

--line #E3E0DC — Hårfin linje på ljus botten

--line-inverse #33302C — Hårfin linje på svart botten

--surface-solid #F6F5F5 — Ytan opak — för det som ligger över mörk botten

Sektionsfärger

En sektion äger en hel bandfärg (.band--*) — texten byter färg med bandet, inte tvärtom.

Svart

Orange

Vit

Rastret (.halftone-orange-on-black / .halftone-black-on-orange) lägger tryckets rastertextur ovanpå ett svart eller orange band. Aldrig bakom löptext, max 15 % täckning.

Orange på svart

Svart på orange

Snitt

Changa One kursiv bär h1–h2 och devisen, aldrig under 20 px. Archivo 900 i bredd 108 tar versala mellanrubriker (h3–h6) och all brödtext. Space Mono är etiketter, specar och priser.

Syns ni inte, finns ni inte

Tolv plagg i minsta order

Spec · 100 % ringspunnen · 48 h

Plåten

Hörnen kapas rakt i 45°, uppe vänster och nere höger. Aldrig runda hörn, aldrig skuggor.

Primärknapp Sekundär

Linjetjocklek

Tre steg: 2 px mellan celler, 3 px under sidhuvudet, 6 px mellan sektioner.

--rule · 2 px

--rule-heavy · 3 px

--rule-chapter · 6 px

Typografi

3xl — H1, sidrubrik

2xl — H2, avsnittsrubrik

xl — Kortrubrik

lg — Ingress

base — Brödtext

sm — Sekundär text

xs — Etiketter

Knappar

Primär

Outline på svart

Outline på orange

Chips

Vit vinyl Transfertejp

På svart botten

Meddelanden

Skärbar — tunnaste streck 1,2 mm.

Grotesk behöver minst 190 mm bredd med den här texten.

Fyll i rad 1 så räknar vi ut måtten.

Mät luckans bredd och dra bort ca 20 mm marginal.

Kort

Vanligt kort

Valt kort

Byggarkort

Brevlådedekaler

Mät luckan — vi räknar ut resten.

Kom igång

Kläder

Kommer snart

Tryck på t-shirts, hoodies och arbetskläder.

Dekaler