Retningslinjer for nettsiden
Sist publisert: 19. januar 2023
Hovedprinsippet bak designet er fleksibilitet, tydelighet og enkelthet. Nettsiden er tilrettelagt for desktop, nettbrett og mobil. Blokker og komponenter er designet for gjenbruk, slik at det ikke skal være behov for unødvendige tilpasninger. I utviklingen av design og komponentbibliotek er Figma benyttet som utviklingsverktøy og bibliotek.
Grid
Grid er bygget opp rundt 12 kolonner og er tilpasset desktop, nettbrett og mobil med responsiv kode.
Desktop:
Nettbrett
Mobil
Avstander og skalering
Bildet viser størrelsesforhold i pixel og rem.
Toppfelt og meny
Toppfelt lukket meny (norsk)
Bildet viser plassering av Finanstilsynets logo, knapp til å åpne meny, lenke til globalt søk og språkvelger:
Toppfelt åpen meny (norsk)
Bildet viser menyen åpen. Noen av lenkene er med stiling for hover:
Innholdsblokker
Promoblokk 4 kolonner:
Promoblokk 8 kolonner:
Aktuelt/fremhevet innhold
Fremhevet blokk 8 kolonner:
Blokker med lenkeliste:
Innholdsfortegnelse
På sider med mye innhold er det tilrettelagt for innholdsfortegnelse plassert til venstre for innholdet på siden. Det er H2-overskrifter som registreres i innholdsfortegnelsen. Denne blokken skroller sammen med innholdet nedover på siden, slik at brukerne kan navigere opp og ned uavhengig av hvor man er på siden. Sider med mye innhold har en "til toppen"-knapp under hovedinnholdet.
Første skjermbilde viser default hurtiglenker, andre skjermbilde viser hover, og tredje skjermbilde viser aktiv (referansen til aktuell H2):
Lenker til artikkelmal
I hovedsak anbefales det å benytte artikkelmal for rene informasjonssider. Denne er både med og uten innholdsfortegnelse. Innholdsfortegnelsen blir automatisk opprettet ved bruk av riktig typografisk system og registrerer H2-overskrifter fra innholdet.
Artikkelmal uten innholdsfortegnelse:
Artikkelmal med innholdsfortegnelse:
Kontakt
Har du behov for vektoriserte filer, ta kontakt med Tor Martin Bærum.