Spring navigation over
header overskriftStor header overskrift
Indhold start

Manual

Find alle elementer nedenfor eller download hele koden her til højre.

Stor knap

Stor knap har plads til én linie med stor tekst og en eller to linier med forklarende tekst med mindre skrifttype.

Krav

  • Ikoner er sjældent letforståelige for alle brugere. Derfor skal de altid suppleres med tekst
  • Knaptekst bør altid formuleres som en handling, f.eks. Søg, Gem, Slet
  • Overskrift skal altid kunne stå på en linie
  • Forklarende tekst må max fylde to linier
  • Ikonerne her i designmanualen skal anvendes
  • Skal der anvendes ikoner, som ikke findes i designmanualen, skal nye ikoner have samme look and feel som ikonerne i designmanualen
  • Krav til størrelse mv. fremgår af HTML/CSS, som kan downloades ovenfor

Anvendelse

  • En stor knap kan bruges til alle handlinger. Den kan gøre en knap til en foretrukken handling mere synlig
  • Knappen stiller krav til brugeren. Handlinger, som skal forklares, er ikke intuitive. Man bør så vidt muligt undgå at anvende knapper med forklaring

Knappen findes i tre forskellige tilstande:

  • Normal tilstand
  • Hover: Skifter farve ved mouse over
  • Inaktiv: Er disabled med diskret farve, når forudsætningen for at benytte knappen ikke er opfyldt

Eksempel

Stor knap