Komponenter och kod har flyttat så det kan det vara lite stökigt här nu!

I april 2025 driftsattes en ny version av komponentbiblioteket som matchar Jordbruksverkets nya grafiska profil. Samtidigt har vi flyttat till en ny plattform, Storybook, där du hämtar kod till komponenterna. Där hittar du även layoutsystemet, färger, ikoner och typografi. Styleguide i Storybook - v22.1.17

Typografi

Typografin bestämmer layouten av texten på till exempel webbplatser och e-tjänster.

Texterna i komponenterna är en del av komponenten och använder du en komponent från styleguiden är storleken och formateringen av typsnittet rätt.

Typsnitt

Vi använder typsnittet TT Commons Pro för alla textstorlekar. Om du inte använder styleguidens css kan du använda specifikationerna för respektive element Excel, 12.7 kB..

Rubriker

Rubrik - H1

CSS klass: e-h1

Rubrik - H2

CSS klass: e-h2

Rubrik - H3

CSS klass: e-h3

Rubrik - H4

CSS klass: e-h4

Rubrik - H5

CSS klass: e-h5

Rubrik - H6

CSS klass: e-h6

Stycken

Ingress

CSS klass: e-lead

Brödtext - normal

CSS klass: -

Brödtext - liten

CSS klass: e-small

Brödtext - mini

CSS klass: e-tiny

Bildtext

CSS klass: e-caption

Senast publicerad

Sidansvarig för sidan är Styleguide