Logg inn

Designmanual

Logo, farger, typografi og språk for AmbuSim. Bruk manualen når du skal omtale, vise eller lenke til AmbuSim.

Om manualen

Manualen er for skoler, presse, samarbeidspartnere og andre som skal skrive om eller vise AmbuSim, for eksempel i en presentasjon, et nyhetsbrev eller på en nettside. Den viser også hvordan selve nettstedet er bygget opp.

Uttrykket bygger på prinsippene fra Designsystemet til Digdir: stor og lettlest tekst, god kontrast, runde hjørner og understreket lenketekst.

Skriv AmbuSim i ett ord, med stor A og stor S.

  • Riktig AmbuSim
  • Feil Ambusim, AMBUSIM, Ambu Sim, Ambu-Sim

Første gang du nevner tjenesten, kan du forklare den slik: «AmbuSim er et treningssystem for ambulansefaglig simulering, utviklet av Paulsen Productions.»

Logoen består av en livsstjerne med Asklepios-stav, en kartnål med kors og navnet AmbuSim. Bruk hovedlogoen der det er plass. Bruk symbolet, det runde symbolet eller appikonet der plassen er kvadratisk eller liten, for eksempel som profilbilde. Alle versjonene finnes som SVG (vektor, til trykk og skarpe forstørrelser) og PNG i flere størrelser.

Slik bruker du logoen

  • Plasser hovedlogoen på hvit eller svært lys bakgrunn. «Ambu» er marineblå og forsvinner på mørke flater.
  • På mørk bakgrunn eller bilder bruker du det runde symbolet eller appikonet, som har sin egen blå bakgrunn.
  • Hold luft rundt logoen, minst like mye som høyden på bokstaven «A».
  • Hovedlogoen bør ikke være smalere enn 120 px på skjerm eller 30 mm på trykk.

Ikke gjør dette

  • Ikke strekk, vri eller beskjær logoen.
  • Ikke endre fargene, legg på skygger eller tegn konturer rundt den.
  • Ikke skriv navnet på nytt i en annen skrift og bruk det som logo.
  • Ikke bruk logoen slik at det ser ut som om AmbuSim står bak noe vi ikke står bak.

Farger

AmbuSim har to sett med farger. Logofargene er til logoen og til trykk. Nettfargene er til nettstedet og er valgt slik at tekst og knapper oppfyller kontrastkravene i WCAG 2.1 AA.

Logofarger

  • Marineblå#042C4C«Ambu» i logoen. Kan brukes til tekst og mørke flater.Kontrast mot hvit: 14,3 : 1
  • Logoteal#0494AC«Sim» og stjernen i logoen. Bare for store elementer, ikke brødtekst.Kontrast mot hvit: 3,6 : 1
  • Signaloransje#F45E1FKartnålen i logoen. Brukes sparsomt, aldri til tekst.Kontrast mot hvit: 3,2 : 1

Nettfarger

  • Primær#0F766EKnapper, aktive valg og fokusmarkering.Kontrast mot hvit: 5,5 : 1
  • Lenke#0D6B64Understreket lenketekst.Kontrast mot hvit: 6,4 : 1
  • Bånd#0B3B38Bunntekst og fargede bånd med hvit tekst.Kontrast mot hvit: 12,4 : 1
  • Tekst#262626Overskrifter og brødtekst.Kontrast mot hvit: 15,1 : 1
  • Dempet tekst#57606AHjelpetekst, datoer og metadata.Kontrast mot hvit: 6,4 : 1
  • Grønn#2E7D57Aksentfarge og bekreftelser.Kontrast mot hvit: 5,0 : 1
  • Flate#F1F4F8Bakgrunn for paneler og seksjoner.Kontrast mot hvit: Bakgrunn
  • Myk primær#E1F3F0Bakgrunn for merker og informasjon.Kontrast mot hvit: Bakgrunn

Statusfarger

Statusfarger brukes alltid sammen med ikon og tekst, aldri alene.

  • Suksess#1E6B45Lagret, fullført.Kontrast mot hvit: 6,5 : 1
  • Advarsel#8A4B00Noe bør sjekkes.Kontrast mot hvit: 6,8 : 1
  • Feil#C01B1BFeilmeldinger og sletting.Kontrast mot hvit: 6,2 : 1

Nettstedet har også mørk modus med egne, lysere varianter av fargene. Arbeidsflatene for operatør og ressurs etterligner ekte systemer og har egne farger.

Typografi

AmbuSim bruker Source Sans 3, en åpen skrift fra Adobe som er lett å lese på skjerm. Den kan lastes ned gratis fra Google Fonts. Har du ikke skriften, bruker du Arial.

  • Regular 400
  • Semibold 600
  • Bold 700
Stor tittel700 · 38–58 px
Øv på ambulansefag
Overskrift 1700 · 32–44 px
Treningssystem for simulering
Overskrift 2700 · 24–28 px
Slik kommer dere i gang
Overskrift 3700 · 21 px
Opprett en øvelse
Ingress400 · 19–22 px
Et lukket simuleringsmiljø for undervisning i ambulansefag.
Brødtekst400 · 19 px · linjehøyde 1,55
Operatøren mottar meldingen, oppretter hendelsen og sender riktig ressurs.
Liten tekst400 · 16 px
Sist oppdatert 26. oktober 2026

Brødteksten er større enn vanlig, 19 px, fordi den skal kunne leses i en travel undervisningssituasjon. Hold linjene til rundt 70 tegn.

Former og elementer

Hjørnene er runde, men ikke boblete: 6 px på knapper og felt, 8 px på bilder og bokser og 12 px på kort og paneler. Merker er helt runde.

Knapper

PrimærknappSekundærknappTertiærknapp

Bruk bare én primærknapp per skjermbilde, for det viktigste neste steget.

Merker

  • Informasjon
  • Fullført
  • Venter
  • Arkivert

Meldinger

Informasjon står i en farget boks med ikon og tekst.
Advarsler sier hva som er galt og hva brukeren kan gjøre.

Ikoner

Ikonene kommer fra Lucide: enkle strektegninger med 2 px strek. Ikoner står sammen med tekst og er aldri eneste forklaring på en knapp.

Språk og tone

  • Skriv klarspråk: korte setninger, vanlige ord og det viktigste først.
  • Snakk til leseren med «du» og om oss selv med «vi».
  • Bruk fagord der elever og lærere bruker dem, som AMK, ressurs og hastegrad, men forklar forkortelser første gang.
  • Nettstedet finnes på bokmål og nynorsk. Følg målformen til teksten du skriver i.
  • Vær tydelig på at AmbuSim er et øvingsverktøy. Skriv aldri at det kan brukes til ekte oppdrag eller ekte pasientopplysninger.

Spørsmål

Trenger du logoen i et annet format, eller er du usikker på om bruken er i orden? Kontakt oss, så hjelper vi deg.

Designmanual | AmbuSim