Gå til sidens indhold

Komponenter

Cards

Header

Understøttende tekst

Dette er et tekstområde, hvor du kan skrive hvad du har lyst til.

Aliquam aliquet niboh faucibus varius

Aenean euismod vestibulum lacinia. Pellentesque nec nisi diam. Pellentesque nec urna vel ante ultrices facilisis sed in dolor. Curabitur eu leo semper, gravida justo at, euismod ex.

Graf, der viser udviklingen fra 2015 til 2019

Anvendes til

Du kan bruge cards til at gruppere funktionalitet, der adskiller sig fra sidens øvrige indhold. Det kan fx være en afledt, men ikke direkte koblet ekstra funktion ift. sidens sammenhæng.

Anvendes ikke til

Brug ikke cards til det primære indhold på en løsning, men derimod til indhold, der kan stå og forstås alene og fortsat være del af den samlede løsning.

Brug ikke cards udelukkende af visuelle hensyn, som placeholders for ornamental grafik eller indhold uden interaktion.

Cards er ikke en statusbesked.

Vejledning

Cards skal tilbyde en enkel og fokuseret funktion.

Cards er velegnede til interaktion med brugeren, men brug dem kun, når der tilbydes en ekstra funktionalitet af grupperet indhold.

Cards er velegnede til responsive løsninger.

Du kan godt indsætte flere cards på en side, men sørg for at de fremtræder roligt i sidens layout og ikke bryder brugerens naturlige aflæsning af siden.

Undgå lange tekster i cards.

Skriv kort og præcist i hvert card.

Card med halv bredde

Header

Understøttende tekst

2018

22%

Lorem ipsum dolor sit amet

2019

41%

Etiam aliquet at felis vel

Dette er et tekstområde, hvor du kan skrive hvad du har lyst til.

3 ofte stillede spørgsmål

  • In viverra faucibus lorem?
  • Phasellus posuere neque?
  • Nullam quis nunc dui?

Header

Understøttende tekst

Card med tredjedel bredde

Header

Understøttende tekst

Dette er et tekstområde, hvor du kan skrive hvad du har lyst til.

Header

Understøttende tekst

Lorem ipsum fordeling

København

Hele landet

Header

Understøttende tekst

Dette er et tekstområde, hvor du kan skrive hvad du har lyst til.

Samme højde

Lorem ipsum fordeling

København

Hele landet

Header

In sollicitudin, nulla sit amet facilisis euismod, ex ex hendrerit eros, et egestas purus lectus vitae tortor.

Lorem ipsum fordeling

København

Hele landet

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum fordeling

København

Hele landet

Header

Sed tincidunt, risus vitae rutrum accumsan, urna leo fermentum dui, ac suscipit ante nulla sit amet magna.