Gå til sidens indhold

Vælg et tema

Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.


Kode

Tekst

Manchet tekst

Eksempel på manchet tekst

Dette er en manchet tekst

Læs retningslinjerne for manchet tekst

HTML Struktur

Kodeeksempel
<p class="font-lead">Dette er en manchet tekst</p>

Brødtekst

Eksempel på brødtekst

Brødtekst

Dette er lille brødtekst

Dette er fed brødtekst

Læs retningslinjerne for brødtekst

HTML Struktur

Kodeeksempel
<p>Brødtekst</p>
<p class="small-text">Dette er lille brødtekst</p>
<p class="bold">Dette er fed brødtekst</p>

Hjælpetekst og fejlmeddelelser

Eksempel på hjælpetekst og fejlmeddelelse

Hjælpetekst, der forklarer, hvad du skal gøre

Fejlmeddelelse, der hjælper brugeren videre

Læs retningslinjer for hjælpetekst og fejlmeddelelser

HTML Struktur

Kodeeksempel
<p class="form-hint">Hjælpetekst, der forklarer, hvad du skal gøre</p>
<p class="form-error-message">Fejlmeddelelse, der hjælper brugeren videre</p>

Billedtekst

Eksempel på billedtekst
Dette er en billedtekst

Læs retningslinjer for billedtekst

HTML Struktur

Kodeeksempel
<div class="figcaption">Dette er en billedtekst</div>

Stor tekst

Eksempel på stor tekst

Stor tekst nr. 1

Stor tekst nr. 2

Stor positiv tekst

Stor negativ tekst

Læs retningslinjerne for stor tekst

HTML Struktur

Kodeeksempel
<p class="displayheading-1">Stor tekst nr. 1</p>
<p class="displayheading-2">Stor tekst nr. 2</p>
<p class="displayheading-2 text-positive">Stor positiv tekst</p>
<p class="displayheading-2 text-negative">Stor negativ tekst</p>