Jeres design

Jeres design er et koncerndesign som kan bruges på tværs af koncernens forskellige websites.

Departementet og de tre styrelser har hver deres unikke farve fra ministeriets designmanual, hvor grunddesignet udenom denne farve er det samme for alle disse fire sites. 

Designet har et moderne og imødekommende udtryk.

Spændvidden i designets skabeloner er stor, da der både er mulighed for at lave teksttunge, simple indholdssider uden billeder eller andre grafiske virkemidler, samt luftige, visuelle kampagneuniverser.

Primærfarver

Primærfarven varierer for hver af koncernens institutioner.

Farverne er bl.a. gennemgående i navigationselementer, links og knapper.

Departementet

  • HEX #007065
  • RGB (0, 112, 101)
  • CMYK (100%, 0%, 10%, 56%)

Landbrugsstyrelsen

  • HEX #006E7A
  • RGB (0, 110, 122)
  • CMYK (100%, 10%, 0%, 52%)

Fødevarestyrelsen

  • HEX #00587A
  • RGB (0, 88, 122)
  • CMYK (100%, 28%, 0%, 52%)

Fiskeristyrelsen

  • HEX #4E6B7E
  • RGB (78, 107, 126)
  • CMYK (38%, 15%, 0%, 51%)

Sekundærfarver

Den sekundære farvepalette benyttes til baggrundsflader.

Departement grøn

  • HEX #007065
  • RGB (0, 112, 101)
  • CMYK (100%, 0%, 10%, 56%)

Gul

  • HEX #f2cb83
  • RGB (242, 203, 131)
  • CMYK (0%, 16%, 46%, 5%)

Lys beige

  • HEX #FEF8EF
  • RGB (254, 248, 239)
  • CMYK (0%, 2%, 6%, 0%)

Beige

  • HEX #E9E6DD
  • RGB (233, 230, 221)
  • CMYK (0%, 1%, 5%, 9%)

Typografi

Jeres brødtekst og overskrifter er sat i Raleway. Denne populære Google font har karakter, samtidig med, at læsbarheden er høj.

Fonten bruges også i underoverskrifter, med en smule font-spacing og i versaler, samt på knapper og links.

Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890(,.;:?!$&*)
  • "Raleway"
  • Weight: 400
  • Style: Normal
Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890(,.;:?!$&*)
  • "Raleway"
  • Weight: 400
  • Style: Italic
Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890(,.;:?!$&*)
  • "Raleway"
  • Weight: 600
  • Style: Bold
Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890(,.;:?!$&*)
  • "Raleway"
  • Weight: 600
  • Style: Italic

Overskrifter på hero moduler

For at skabe et mere varieret typografisk udtryk, er overskrifterne i jeres hero moduler sat i Google fonten Cormorant Garamond, i versaler.

Denne font har seriffer, og har et klassisk men markant udtryk.

Hero modulerne bruges f.eks. til at introducere kampagnelignende elementer, eller emner i fokus lige nu. Derfor har de et markant anderledes, visuelt udtryk end en normal tekstboks eller en brødtekstartikel.

Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890(,.;:?!$&*)
  • 'Cormorant Garamond'
  • Weight: 400
  • Style: Normal

Typografi- og farvepar

Her ses jeres typografi- og farvepar. Bemærk, at primærfarven vil skifte, afhængigt af hvilken af koncernens institutioner, der er tale om.

Vestibulum

Tellus Condimentum

Curabitur blandit tempus porttitor.

Vestibulum

Tellus Condimentum

Curabitur blandit tempus porttitor.

Vestibulum

Tellus Condimentum

Curabitur blandit tempus porttitor.

Vestibulum

Tellus Condimentum

Curabitur blandit tempus porttitor.

Vestibulum

Tellus Condimentum

Curabitur blandit tempus porttitor.

Consectetur

Ornare Amet

Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Præsentation af sidetyper

Herunder ses eksempler på jeres design, præsenteret på forskellige sidetyper.

Mulighed for subsite

I har mulighed for at oprette subsites med egne fonte og farver. Alt andet design er i tråd med det koncernfælles design, men farvepaletten og fontene kan ændres. Her eksemplificeret på Det Økologiske Spisemærke.