Overskrift 2
I en artikkel er det typisk Overskrift 2 du bruker som mellomtitler i en tekst. Hvis du er usikker tråkker du sjeldent veldig feil ved å bare holde deg til det overskriftsnivået. Hvis du skal bruke
Overskrift 3
Overskrift 3 og 4 er det viktig at det er fordi det er innhold som passer inn under hovedavsnittet som har Overskrift 2.
Overskrift 4
Ikke bruk Overskrift 3 eller 4 fordi du synes at størrelsen på teksten er finere. Dette er viktig fordi semantikken i artikkelen blir feil og du bryter kravene til universell utforming.
Lenker og knapper
Dette avsnittet er skrevet for å vise hvordan det ser ut hvis du lager en lenke i løpende tekst.
Når du skal lage lenker i en tekst kan det i mange tilfeller være smart å skrive lenken på en egen linje under avsnittet. Da får artikkelen ofte et fint oppsett og det er enkelt for brukeren å finne frem. Husk at lenken bør være selvforklarende. Det vil si at leseren skal forstå hvor den peker selv om den blir tatt helt ut av kontekst.
Dette er eksempel på en lenke under avsnittet
Ekstern lenke til acos.no
Lenke til en fil
Lenke utformet som knapp
Punktliste
Det kan være mange fordeler med å bruke en punktliste
- Mer oversiktelig for leseren når du lister opp tre eller flere ting i teksten
- Er synlig i teksten og tiltrekker seg blikket til leseren
- Er et element som bryter opp og skaper litt visuelt liv og luft i teksten
Nummerert liste
Nummererte lister er fine å bruke når ting skal gjøres i en bestemt rekkefølge. For eksempel kan du lage en ny portal av denne malen ved å følge disse punktene
- Ta kopi av denne malportalen og gi den et nytt navn
- Tilpass fargene og last opp en egen logo
- Lag innhold som engasjerer brukeren
- Lanser den på et eget domene med hjelp fra ACOS eller på kategoristi på et domene du allerede bruker
Blokk
Blokk med styling 1
En blokk er et veldig godt virkemiddel hvis du ønsker å fremheve ekstra viktig informasjon i en artikkel. Blokken kan enten ha en fast farge i bakgrunnen, slik som denne, eller en ramme slik som den neste blokken.
Det er mulig å delen en blokk inn i to eller tre kolonner. I tillegg kan du sette inn en del andre elementer som for eksempel et bilde. Da kan du ha tekst på ene siden og bilde på andre siden. Du kan også ha flere kolonner med tekst.
Det er mulig å delen en blokk inn i to eller tre kolonner. I tillegg kan du sette inn en del andre elementer som for eksempel et bilde. Da kan du ha tekst på ene siden og bilde på andre siden. Du kan også ha flere kolonner med tekst.
FAQ
FAQ er fin å bruke når du har flere seksjoner med innhold som er likeverdige. Det er ikke anbefalt å legge hele artikler inn i FAQ og bruke dem i stedet for avsnitt. Grunnen til det er at det blir mer tungvint å lese artikkelen hvis du hele tiden må åpne og lukke ulike seksjoner. Du mister også muligheten til å “styre blikket” til leseren med ulike virkemidler som punktliste, lenker, mellomtitler osv.
Her er et eksempel på en FAQ
- Må være en mørk farge fordi den skal vises på lys/hvit bakgrunn.
- Det kan være fint å bruke den samme fargen som du setter på Mørk farge eller Primær farge
- Hvor brukes den:
- Denne fargen brukes på en del standardelementer og standardsider i ACOS CMS
- Må være en mørk farge fordi den skal vises på lys/hvit bakgrunn
- Hvor brukes den:
- Bakgrunn i header, footer og toppen av forsiden
- Enkelte elementer i tekst/artikkel; for eksempel den nummererte punktlisten i denne artikkelen og på FAQer.
- Knapp med bilde på forsiden
- Kan brukes som bakgrunn på widgets
- Krav: Lys farge med kontrast til Mørk farge på minst 4,5:1
- Hvor brukes den:
- Tips: Bruk gjerne en litt sprek farge som kontrastfarge
- Må være en mørk farge fordi den skal vises på lys/hvit bakgrunn
- Kan gjerne være en annen mørk farge eller variant av Mørk farge
- Hvor brukes den:
- Som hover-farge på Knapp med bilde på forsiden
- Kan brukes som bakgrunn på widgets
- Krav: Lys farge med kontrast til Primær farge på minst 4,5:1
- Hvor brukes den:
- Tekst på Primær farge
- Knapper på hvit/lys bakgrunn
- Tips: Bruk gjerne en litt sprek farge som kontrastfarge
- Må være en lys farge fordi den skal vises sammen med mørke elementer
- Hvor brukes den:
- Knapper i Header
- Elementer på mørke bakgrunner
- Kan brukes som bakgrunn på widgets
- Bakgrunnsfarge på områdemeldinger
- Bakgrunnsfargen i denne FAQen som du leser nå
- Tips: Hvis du synes det er vanskelig å velge denne fargen kan det være en idé å velge kontrastfargen til en av de mørke fargene.
- Krav: Må være en mørk farge med kontrast til Sekundær farge på minst 4,5:1
- Hvor brukes den:
- Som tekst med Sekundær farge som bakgrunn.
- Tips! Kan gjerne være samme farge som en av de andre mørke fargene du har valgt.
Tabell