Infokort
Infokort (Infocard) används för relaterat innehåll som exempelvis tips- och faktarutor.
Visuella exempel
Infokort 1 primär
Tips och faktaruta
Regular 16px #333333 ihåg att 90% iaculis erat quis viverra tincidunt. Nunc ante leo, iaculis vel odio vel, ultrices lacinia sapien. Curabitur id nisl ac quam sodales cursus non sed lectus.
Infokort 1 sekundär
Tips och faktaruta
Regular 16px #333333 ihåg att 90% iaculis erat quis viverra tincidunt. Nunc ante leo, iaculis vel odio vel, ultrices lacinia sapien. Curabitur id nisl ac quam sodales cursus non sed lectus.
Infokort 2
Tips och faktaruta
Regular 16px #333333 ihåg att 90% iaculis erat quis viverra tincidunt. Nunc ante leo, iaculis vel odio vel, ultrices lacinia sapien. Curabitur id nisl ac quam sodales cursus non sed lectus.
Infokort 3
Tips och faktaruta
Regular 18px #333333 ihåg att 90% iaculis erat quis viverra tincidunt. Nunc ante leo, iaculis vel odio vel, ultrices lacinia sapien. Curabitur id nisl ac quam sodales cursus non sed lectus.
Ui-kittet
Riktlinjer
- Infokort 1 primär har grön bakgrund och används för innehåll som ska skilja sig från löpande brödtext.
- Infokort 1 sekundär har grå bakgrund och används om helhetsintrycket på sidan blir för rörigt med grön bakgrund.
- Infokort 2 är en tipsruta som används när den behöver sticka ut mer än infokort 1 på sidan.
- Infokort 3 används i slutet av innehållet för att leda vidare till nästa steg.
Bra att tänka på
- Punktlista
Tillgänglighet
- Punktlista med bockar