_Brukermanual

Innholdsfortegnelse for lange sider. Kopier gruppen og lim hele inn på siden:

Knapper / Buttons

To kolonner med

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus posuere lacus arcu, sit amet tristique sem sollicitudin eu. Quisque neque libero, laoreet ut sem vitae, facilisis placerat lorem. Aliquam sed mi tortor.

Ferdig spacing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus posuere lacus arcu, sit amet tristique sem sollicitudin eu. Quisque neque libero, laoreet ut sem vitae, facilisis placerat lorem. Aliquam sed mi tortor.

Fremheve innhold:

Generell eller konkret viktig informasjon har innramming.

Liste med flere info-bokser

Mental Helse er en organisasjon for alle mennesker med psykiske helseproblemer, pårørende og andre interesserte. 

Eksterne sider, ansatte ol. 

Døgnåpen krisetjeneste på telefon og internett.

Bruk gjerne bilder, og husk “metadata” om bildene:

  • Alt-tekster: Må fylles ut for å innfri krav til universell utforming. Beskriv bildets motiv helt enkelt for den som ikke ser bildet.
  • Bildetekst / Caption: Valgfritt. Vil vises under enkeltbilder og i galleri med lightbox-visning.

Bilde i tekstbredde – standard

Bilde bred bredde

Brukes til bilder med mange detaljer, mennesker eller andre grunner til at man bør vise det større

To bilder i bredden (galleri)

Bilde og tekst-blokk

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus posuere lacus arcu, sit amet tristique sem sollicitudin eu. Quisque neque libero, laoreet ut sem vitae, facilisis placerat lorem. Aliquam sed mi tortor.

Bakgrunner og gruppering av tekst

Tekst man vil fremheve kan få en bakgrunn direkte på blokken (avsnitt)

… eller man kan samle flere blokker i en gruppe og ha felles bakgrunn

Legg bakgrunnsfarge på gruppen. Husk da også å legge på “2 hakk” med Utfylling (blokk-innstilling i høyre kolonne) som gjør at det blir luft mellom innholdet og kantene på bakgrunnen.

Fil – en blokk for dokumenter/filer

Cards (fancy linker) til sider og nyheter

Lenke til en nyhet
Stil: Nyheter

Lenke til en konkret side
Stil: Tittel og ikon

Lenke til en konkret side
Stil: Tittel

Lenke til flere sider
Stil: List

Tekststiler:

Avsnitt stiler:

S tekst – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 16 px

S tekst – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Marathon

M tekst – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 20 px

M tekst – Lorem ipsum dolor sit amet, consectetur adipiscing elit.

L tekst – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 28 px

XL tekst – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 36 px

XXL tekst – 60 px

Overskrift stiler:

_Brukermanual

H1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 42 Bold

H2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 38 Light

H3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 30 SemiBold

H4 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 26 SemiBold

H5 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 22 SemiBold
H6 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. – 18 SemiBold