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 #F1EEE9
- RGB (241, 238, 233)
- CMYK (0%, 1%, 3%, 5%)
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.
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 1234567890(,.;:?!$&*)
- "Raleway"
- Weight: 400
- Style: Normal
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 1234567890(,.;:?!$&*)
- "Raleway"
- Weight: 400
- Style: Italic
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 1234567890(,.;:?!$&*)
- "Raleway"
- Weight: 600
- Style: Bold
- 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.
- 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.
Tellus Condimentum
Curabitur blandit tempus porttitor.
Tellus Condimentum
Curabitur blandit tempus porttitor.
Tellus Condimentum
Curabitur blandit tempus porttitor.
Tellus Condimentum
Curabitur blandit tempus porttitor.
Tellus Condimentum
Curabitur blandit tempus porttitor.
Præsentation af sidetyper
Herunder ses eksempler på jeres design, præsenteret på forskellige sidetyper.
Kampagnesider og universer
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.