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

Infokort

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