Header og footer på hjemmesider
Specifikationer af design og retningslinjer for header og footer samt logobrug på ministeriets hjemmesider.
Der er tre kategorier af header og footer til brug på hjemmesider i BUVM. Disse skal understøtte et mere ensartet udtryk og gøre det lettere for brugerne at afkode, hvem der er afsender af en hjemmeside. De tre kategorier tager afsæt i de allerede etablerede retningslinjer for design og anvendelse af header og footer på ministeriets hjemmesider. Det omfatter også brug af logo, navnetræk og BUVM’s krone.
De tre typer header og footer:
1. Juridisk økonomiske hovedhjemmesider:
Header 1 anvendes på hovedhjemmesiderne for de tre juridiske økonomiske enheder i koncernen, dvs. uvm.dk, stil.dk og stukuvm.dk.
Header 1 indeholder logo i form af krone og juridisk navn skrevet nedenunder (henholdsvis Børne- og Undervisningsministeriet, Styrelsen for It og Læring og Styrelsen for Undervisning og Kvalitet). Logo er placeret i venstre side af headeren.
Højden på header 1 er 106px.
Billede af header 1 (for henholdsvis departementet og styrelserne som afsendere):
Footer 1 indeholder navnet på den juridiske økonomiske enhed, dvs. ministeriets navn for uvm.dk og styrelsesnavn for stil.dk og stukuvm.dk. Kronen optræder ikke i footeren, da kronen kun skal vises én gang på en side.
Billede af footer 1 (for henholdsvis departementet og styrelserne som afsendere):
2. Andre hjemmesider med ministeriet som afsender
Header 2 anvendes på andre hjemmesider med ministeriet som afsender.
Header 2 indeholder kronen efterfulgt af lodret streg og tjenestens navn skrevet med almindelige bogstaver.
Højden på header 2 er 62px.
Billede af header 2 (for henholdsvis departementet og styrelserne som afsendere):
Footer 2 indeholder ministeriets navn og hvis relevant, styrelsesnavn. Kronen optræder ikke i footeren, da kronen kun skal vises én gang på en side.
Billede af footer 2 (for henholdsvis departementet og styrelserne som afsendere):
Eksempler på den type hjemmesider er spsu.dk, optagelse.dk og voksenuddannelse.dk.
3. Hjemmesider med subidentitet
Header 3 anvendes ved subidentiteter. Det forstås i denne sammenhæng som hjemmesider, der er produceret i ministeriet, hvor logo og/eller visuel identitet vejer tungere, end at fremhæve at ministeriet er afsender (i form af kronebrug i header). Det kan også gælde for hjemmesider med flere afsendere.
Header 3 indeholder ikke BUVM’s krone, idet subidentiteten prioriteres højere, og hjemmesiden bruger egne, farver, skrifttyper og evt. grafisk logo i ønsket omfang. Header 3 skal indeholde projektets navn.
Højden på header 3 er i princippet valgfri, men man bør tilstræbes en højde på 106px, som i header 1 eller 62px som i header 2.
Billede af header 3 (for henholdsvis departementet og styrelserne som afsendere):
Footer 3 bør som minimum indeholder afsender(-e) med navn.
Er afsenderen en styrelse, skal BUVM-logoet med krone placeres øverst i footeren, da kronen ikke anvendes andre steder på hjemmesiden. Styrelsesnavn og -adresse placeres under logoet.
Er eksterne samarbejdspartnere (med-)afsendere, tages der stilling til footer fra gang til gang.
Billede af footer 3 (hvis henholdsvis departementet og styrelserne er afsendere):
Eksempler på hjemmesider, hvor header 3 anvendes, er unesco.dk, trivselskommissionen.dk, børns-læring.dk, ordblindhed.dk.
Generelt om footeren
Der er ikke defineret faste højder for footeren, da mængden af indholdet i footeren kan variere.
Derimod er der nogle krav og anbefalinger til indholdet, idet det er et lovkrav, at der er et link til hjemmesidens tilgængelighedserklæring, og derudover er det en anbefaling at lægge links som fx Kontakt, Cookies, Privatlivspolitik eller Sociale Medier ind i footeren, da dette nærmer sig en de facto standard, og brugeren derfor ofte vil lede efter den type oplysninger i footeren.
Kontakt
-
Grafik
Titel: Center for Kommunikation og Presse
E-mail: grafik@uvm.dk
Har du spørgsmål til, hvordan du skal bruge designet eller til selve designguiden, er du velkommen til at kontakte os.