Varumärke

Horisont

En solskiva med horisonten genom sig. Lugnet efter att allt är på plats.

Märket i tre optiska storlekar

Skåran öppnas när märket blir mindre, så att horisonten syns även på 16 px. Välj storlek efter hur stort märket återges – rita aldrig om vektorn.

Small

≤ 24 px / ≤ 20 mm

Standard

25 px – 6 cm

Large

> 6 cm

Lockup och ordbild

tillsynsklar

Horisontell – standard.

tillsynsklar

Staplad – trånga ytor.

tillsynsklarAlltid redo för besök

Med payoff – Alltid redo för besök.

Ordbilden sätts i Inter 500, gemener, knipning −0,015em. Aldrig fet, aldrig versaler, aldrig lutad. Frizonen runt lockupen är tre gånger skårans höjd.

Dörrsigill och taggar

tillsynsklarEgenkontrollSTÄDATSTERILISERATKONTROLL

Sigillet betyder ”Vi arbetar systematiskt med egenkontroll genom Tillsynsklar”. Det är inget myndighetsgodkännande och ingen certifiering. Det riktiga sigillet genereras från ett inloggat kundkonto, visar verifieringsdatum och länkar till en sida som förklarar exakt vad det betyder. Taggarna är gröna på vitt eller vita på grönt, inga andra kombinationer.

Statustaggen

Tre tillstånd, aldrig fler. Ordet står alltid med – färgen ensam betyder ingenting. Fyllt märke när allt är klart, tunn ring när något återstår, bruten ring när en åtgärd krävs.

Tillsynsklar ✓Nästan klar · 2 punkterÅtgärd krävs

När en tagg går över till klart spelas horisonten lägger sig: skåran faller från mitten till nedre tredjedelen med 1 px översläng, 300 ms cubic-bezier(0.22, 1, 0.36, 1), skivan tonas in på 60 ms parallellt – 360 ms totalt. Färgen går mint → grön på 240 ms. Ingen studs, ingen konfetti. Rörelsen stängs av vid prefers-reduced-motion.

Displaybehandlingen

Sov gott.Vi håller koll.

Sov gott.Vi håller koll.

"Sov gott." på rad ett, "Vi håller koll." på rad två, punkt efter båda. Rad två i grönt på ljus botten och i mint på grön botten. Under raderna en horisontlinje: 48 px bred, 3 px hög. Aldrig understruken.

Färg

Grön

#0F5C4A

Primär. Märket, knappar, länkar.

Grön 700

#0B4438

Hover och tryckt läge.

Mint 400

#7FD1B9

Accent, sparsamt.

Mint 100

#EAF5F1

Mjuka ytor och kort.

Off-white

#FAFAF8

Bakgrund.

Charcoal

#1F2A28

Text.

Ikoner

Hygien
Avfall
Personal
Arbetsmiljö
Brand

24×24, 1,5 px linje, runda ändar, inga fyllningar. Varje ikon bär horisontlinjen.

Siffror och text

Priser och tal skrivs med tabulärsiffror och tunt fast mellanslag: 1 495 kr/mån. Rubriker sätts i Inter 600, brödtext i 400. Ordbilden tillsynsklar skrivs alltid med gemener i löpande logotyp.

Så får märket inte användas

  • Ändra inte skårans höjd eller vinkel – använd rätt optisk storlek i stället.
  • Sätt inte ordbilden i fetstil, versaler eller kursiv.
  • Lägg inte skuggor, toningar eller kontur på märket.
  • Placera inte märket på oroliga foton – använd off-white, mint eller grön yta.
  • Kombinera inte märket med den gamla skölden eller monogrammet.
  • Behåll frizonen: tre gånger skårans höjd på alla sidor.
  • I mörkt läge är märket vitt eller mint – aldrig varumärkesgrönt på mörk botten.
  • Märket sitter aldrig i en knapp. Enda undantaget är Inspektionsknappen på översikten.
  • Modulaccenter används bara som chip, ikonfärg eller 3 px vänsterkant – aldrig som fyllda ytor.
  • En primär knapp per skärm. Radie 10 px på kontroller, 12 px på Inspektionsknappen, 14 px på kort.
  • Undvik hotfullt, anklagande och alarmistiskt språk, och aldrig utropstecken i en status. När något är bindande märks det tydligt som lagkrav och följs av en konkret nästa åtgärd.