Kort

Ett kort kan användas när man vill lyfta fram ett innehåll på en sida. Det finns olika typer av kort med olika användningsområden.

Informationskort

Används för att lyfta ut information ur huvudinnehållet eller relaterad information. Hela kortet är inte länkat men det kan finnas en länk eller knapp längst ner.

Länkat kort med bild

Används för att lyfta fram, ”puffa”, något. Här är hela kortet klickbart men det är enbart rubriken som är understruken.

Länkat kort med pil

Brukar även kallas ”Call to action” och används för att uppmana användaren att klicka. Hela kortet är klickbart, har en ljusgrå bakgrund och en pil som bakgrundsbild.

Kort med länklista

Används för att presentera en samling länkar, exempelvis genvägar till system. Ett lagom antal länkar att visa är ca 5 stycken, behövs fler länkar kan dessa visas under en utfällning. Visa de mest använda länkarna överst.

Kort med flöde

Används för att visa upp ett flöde med t.ex. kalenderhändelser, nyheter eller meddelanden. Tänk på att hela länkblocket bör vara klickbart och att du ska använda html-elementet <ol> om det är en ordnad lista.

Kort med video

Används för att lyfta fram ett videoklipp. Om videon är inbäddad bör klick på videon (med play-ikon) starta uppspelningen.

Om videon inte är inbäddad bör istället ett länkat kort med bild användas som gör det tydligt att användaren inte startar videon vid klick på tumnagelbilden.

Tänk på att

• Alla kort ska innehålla en tydlig rubrik som anger kortets syfte.
• Länkar i text ska vara understrukna och i den länkfärgen som används.
• Länkar i listkort ska vara understrukna. Hela länkblocket ska vara klickbart.