Brug OS2’s visuelle retning Værktøj · Projekter & produkter

🎨 Skal du bruge logoer, skabeloner eller grafiske elementer? Find dem i OS2’s fælles visuelle bibliotek.

Denne side samler de vigtigste retningslinjer for OS2’s visuelle identitet, så du hurtigt kan bruge dem, når du laver præsentationer, opslag og andre materialer.

Retningen samler de fælles valg for farver, typografi, logoer og grafiske elementer. Brug den som udgangspunkt, og tilpas materialet til det enkelte produkt, projekt og formål.

Kort fortalt: Brug sort, grøn og Open Sans. Så er du langt.

På denne side

Brug retningen som fælles ramme

Den visuelle retning er tænkt som en hjælp til arbejdet – ikke som en regelbog.

Tag afsæt i de fælles farver, skrifttyper, logoer og grafiske elementer, og tilpas materialet til det enkelte produkt, projekt og formål.

Brug fx retningen, når du skal lave:

  • en præsentation eller et oplæg
  • en flyer, invitation eller one-pager
  • materiale til en messe eller et arrangement
  • grafik til web, nyhedsbreve eller sociale medier
  • kommunikationsmateriale for et OS2-produkt eller -projekt.

Det eneste krav OS2 stiller til produkters/projekters markedsføring er, at OS2-præfixet indgår samt at det tydeligt fremgår af materialet, at løsningen er en del af OS2-fællesskabet. Dette gælder i al markedsføring, også hos leverandører.

Farver

Brug grøn som primærfarve.

Brug grå og sort til tekst, struktur og mindre fremtrædende elementer.

Brug den udvidede farvepalette, når du har brug for flere tydeligt adskilte farver i diagrammer og andre datavisualiseringer.

Primærfarve: Grøn

Den grønne primærfarve fungerer som et bærende element, der binder materialer sammen på tværs af OS2’s produkter og projekter.

Den primære grønne farve er:

  • Hex: #3A7F3B
  • RGB: 58, 127, 59
Variant Farvekode Brug
Grøn, 100 % #3A7F3B Primærfarve og bærende elementer
Grøn, 80 % #619962 Variation og grafiske elementer
Grøn, 60 % #89B289 Lyse grafiske elementer
Grøn, 40 % #B0CCB1 Baggrunde og dekorative elementer
Grøn, 20 % #D8E5D8 Lyse baggrunde og dekorative elementer
Mørk grøn #1B3C1C Diagrammer og tydelig kontrast

Brug den primære grønne til centrale og genkendelige elementer.

Brug de lysere varianter til baggrunde og dekorative elementer – ikke som tekstfarver.

Brug den mørke grønne i diagrammer, grafer og andre elementer, hvor der er brug for tydelig adskillelse inden for den grønne farvefamilie.

Sekundærfarve: Grå

Grå fungerer som en neutral modvægt til den grønne og kan bruges til tekst, struktur og elementer, der skal være mindre fremtrædende.

Den primære grå farve er:

  • Hex: #727272
  • RGB: 114, 114, 114
Variant Farvekode Brug
Grå, 100 % #727272 Tekst, struktur og sekundære elementer
Grå, 80 % #8E8E8E Variation og grafiske elementer
Grå, 60 % #AAAAAA Lyse grafiske elementer
Grå, 40 % #C7C7C7 Baggrunde og dekorative elementer
Grå, 20 % #E3E3E3 Lyse baggrunde og dekorative elementer
Sort #000000 Brødtekst og kontrastelementer

Brug sort til brødtekst og andre elementer, hvor høj læsbarhed er vigtig.

Brug de lysere grå varianter til baggrunde og dekorative elementer.

Farver til diagrammer

Til diagrammer kan du bruge en udvidet palette, når flere farver er nødvendige for at adskille data tydeligt.

Farve Farvekode
Grøn #3A7F3B
Mørk grøn #1B3C1C
Blå #3B6FB6
Mørk blå #284B7B
Blågrøn #2E767C
Mørk blågrøn #194043
Orange #B94C09
Mørk orange #813506

Brug gerne en hvid kant mellem felterne i cirkeldiagrammer og lignende visualiseringer. Det gør de enkelte felter lettere at skelne fra hinanden.

Typografi

Brug Open Sans til brødtekst og de fleste overskrifter.

Open Sans er en neutral og fleksibel skrifttype, som kan bruges på tværs af præsentationer, dokumenter, brugerflader og andre materialer.

Montserrat kan bruges til hovedoverskrifter i en overgangsperiode, især hvor typografien hænger sammen med eksisterende produkt- og projektlogoer.

Teksttype Anbefaling
H1 – hovedoverskrift Open Sans eller Montserrat, bold, sort eller grøn
H2 – sektionsoverskrift Open Sans, semibold eller bold, sort
H3 – deloverskrift Open Sans, semibold, sort
Manchet Open Sans, semibold, sort
Brødtekst Open Sans, regular, sort
Fremhævninger Open Sans, bold eller semibold, sort
Links Open Sans, bold, sort eller grøn

Links kan understreges, når det hjælper læsbarheden.

Du kan hente Open Sans fra Google Fonts.

Hvis Open Sans ikke er tilgængelig, kan du bruge følgende fallback-typografi:

Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Helvetica, Arial, sans-serif

Brug OS2-logoet:

  • med eller uden byline
  • i sort, grøn eller grå
  • i den version, der passer til formatet og sammenhængen.

Brug logoet enkelt og konsekvent, og sørg for god luft omkring det.

Brug altid en masterfil fra det fælles visuelle bibliotek.

Grafisk element

Det grafiske element tager udgangspunkt i “on”-knappen fra OS2-logoet.

On-knappen kan bruges som:

  • markør
  • baggrundsform
  • diskret overlay på billeder
  • dekorativt element i præsentationer og grafikker.

Farven kan tilpasses det enkelte materiale.

Brug en masterfil fra det fælles visuelle bibliotek, så formen gengives korrekt.

On-knappen fungerer som et genkendeligt element på tværs af materialer og peger på det, OS2 ønsker at tænde for:

  • fællesskab
  • tillid
  • åbenhed
  • drift
  • udvikling.

Ikoner

Brug ikoner fra Ionicons i outline-stil.

Outline-stilen har et enkelt og neutralt udtryk, som kan bruges på tværs af OS2’s produkter, projekter og fællesskaber.

Stilen giver visuel luft og fungerer på både små og store flader.

Ionicons er open source og udgivet under MIT-licensen.

En del ikoner findes også i OS2’s fælles visuelle bibliotek.

Fotos

Du kan fx finde fotos på:

Tjek altid licensvilkårene, før du bruger et billede.

Kreditér skaberen, når licensen kræver det.

Materialer, værktøjer og åbne formater

Brug det værktøj, der passer bedst til opgaven og din måde at arbejde på.

Arbejd og del gerne i formater, som andre kan åbne og arbejde videre i.

LibreOffice

Til åbne kontorformater kan du bruge LibreOffice:

  • Writer til dokumenter
  • Impress til præsentationer
  • Calc til regneark
  • Draw til enkle grafiske elementer.

Andre værktøjer

Mange bruger også PowerPoint eller Canva til hurtig opsætning af præsentationer og grafisk materiale.

Det kan være praktisk, men del gerne en version, som andre let kan åbne, redigere og arbejde videre i.

Tjek materialet, før du deler det

  • Har du brugt opdaterede logoer og filer fra det fælles bibliotek?
  • Har du brugt grøn som den primære farve?
  • Har du brugt Open Sans som den primære skrifttype?
  • Er tekst og grafik let at læse?
  • Er de lyse farvevarianter kun brugt til baggrunde og dekorative elementer?
  • Er logoet gengivet enkelt og med god luft omkring?
  • Har du tjekket licensen til billeder og andre materialer?
  • Har du krediteret skaberen, når det er nødvendigt?
  • Kan andre åbne og arbejde videre i materialet?

Del det, andre kan få glæde af

Har du lavet en god slide, flyer, skabelon eller et andet materiale, der fungerer godt, må du meget gerne dele det med OS2-sekretariatet.

Så kan det blive en del af det fælles bibliotek og komme flere i fællesskabet til gavn.

Baggrund og flere detaljer

Den visuelle retning er i efteråret 2026 blevet opdateret for at gøre OS2’s udtryk enklere, mere genkendeligt og lettere at bruge i praksis.

Retningen bygger videre på det udtryk, OS2 allerede er kendt for. Fokus har været at gøre de vigtigste visuelle valg tydelige og anvendelige frem for at udvikle et helt nyt designunivers.

Farverne er justeret med fokus på kontrast, læsbarhed og principperne for webtilgængelighed.

Læs den samlede opdaterede visuelle retning, hvis du vil vide mere om baggrunden for valgene.

🎨 Skal du bruge logoer, skabeloner eller grafiske elementer? Find dem i OS2’s fælles visuelle bibliotek.