Designsystem
Rosskompetens designtokens
Struktur, typskala och former från designunderlaget (D01–D07), med varumärkesfärgerna från Rosskompetens logotyp. Komponentnamnen motsvarar React-komponenterna i app/components.
D00
Logotyp
D01
Färg
Aa
Primär
#0F6AB8 · primaryKnappar, länkar, valt lägeAa
Primär hover
#0B5596 · primary-hoverHover, nedtrycktAa
Primär mörk
#073B63 · primary-darkRUT-panel, rubrikerAa
Djupblå
#032F51 · deepLogotyp, footer, admin-menyAa
Accent
#20A7E0 · accentIkoner, prickar, diagram. Ej brödtextAa
Primär tint
#E7F1FA · primary-tintValda kort, infoAa
Text
#0F2233 · inkBrödtext och rubrikerAa
Dämpad text
#4A5C6B · mutedHjälptextAa
Ljus yta
#F4F7FB · surfaceSektioner, flödenAa
Linje
#C6D3DD · lineFältkanterAa
Lyckat
#0B6E4F · successBetald, bekräftadAa
Varning
#8A5300 · warningObetald, deadlineAa
Fel
#B42318 · dangerValideringsfel, förfallenD02
Typografi
Display · Playfair 70
Ett renare hem, utan krångel.
H1 · Playfair 54 / 36
Få ditt pris
H2 · Playfair 38 / 28
Så funkar det
H3 · Manrope 800 20
Hemstädning
Pris · Playfair 44
895 kr
Brödtext · Manrope 16/1.6
Vi drar av 50 % av arbetskostnaden direkt på fakturan och sköter ansökan hos Skatteverket.
Etikett · Manrope 600 14
Postnummer
Kicker · Manrope 800 12
Serviceområde
Tagline · Playfair italic
Built on Trust. Driven by Excellence.
D03
Avstånd och form
4
8
12
16
20
24
32
40
56
72
10 · knappar, fält
12 · val
16 · kort
20 · bilder, paneler
D04
Knappar
D05
Formulär
Vi städar i Göteborg med omnejd.
Kontrollera e-postadressen, t.ex. namn@exempel.se.
D06
Märken och kort
BekräftadBetaldObetaldFörfallenSkickadAvbokadNyAdmin
Kort
Hemstädning
Dammsugning, våttorkning, kök och badrum.
Upphöjt kort
Tisdag 3 november
Hemstädning · 895 kr
Tonat kort
RUT-avdrag
−895 kr
D07
Meddelanden
Info. Du kan avboka kostnadsfritt fram till 24 h innan.
Klart. Offerten är skickad till din e-post.
Obs. Mindre än 24 h kvar – kontakta kontoret.
Fel. Vi kunde inte spara. Försök igen.