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

Färger

Färgerna är anpassade för att fungera på skärm och de följer Jordbruksverkets grafiska manual samt kraven på bra kontrast. Vilken färg du ska välja beror på sammanhanget.

Grön

--jv-latt-gron #e4f0db

--jv-ljus-gron #c2ddb0

--jv-mellan-gron #67a073

--jv-mork-gron #2e614c

Blå

--jv-latt-bla #eaf5fb

--jv-ljus-bla #c5e6ef

--jv-mellan-bla #7fc1d4

--jv-mork-bla #07708c

Brun

--jv-latt-brun #f1e9da

--jv-ljus-brun #e6d7bd

--jv-mellan-brun #d3b378

--jv-mork-brun #514939

Beige

--jv-latt-beige #fffef5

--jv-ljus-beige #f8f6e8

--jv-mellan-beige #f0eddd

--jv-mork-beige #e8e5d1

Orange

--jv-mork-orange #dd7300

Gul

--jv-ljus-gron #c2ddb0

Grå­s­kala

Grå--000 #ffffff

Grå--005 #f3f3f1

Grå--010 #e7e7e4

Grå--020 #d0cfc8

Grå--030 #b8b7ad

Grå--040 #a09e92

Grå--050 #888677

Grå--060 #6d6b5f

Grå--070 #525147

Grå--080 #37362f

Grå--090 #1b1b18

Grå--100 #000000

Fel

--jv-latt-fel #f8e9e8

--jv-ljus-fel #dcb1ad

--jv-mellan-fel #9f6a65

--jv-mork-fel #9c261c

Varning

--jv-mellan-varning #bc9c62

--jv-mork-varning #965b1d

Rekommenderade färger

Användningsområde

Färgval

Bakgrundsfärg

var(--jv-latt-beige); #fffef5

Senast publicerad

Sidansvarig för sidan är Styleguide