Styleguide

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

Grön--300#DAEBBE

Grön--400 #BDE37B

Grön--500 #84BD00

Grön--600 #699917

Grön--700 #45660B

Grön--800 #243802

Blå

Blå--300 #D9EEFC

Blå--400 #B8E1FC

Blå--500 #62B5E5

Blå--600 #116FA2

Blå--700 #0B4666

Blå--800 #022538

Brun

Brun--300 #F2E6CE

Brun--400 #E6CFA1

Brun--500 #DEB45F

Brun--600 #90650E

Brun--700 #5E4003

Brun--800 #332303

Grå­s­kala

Grå--000 #FFFFFF

Grå--005 #F2F2F2

Grå--010 #E6E6E6

Grå--020 #CCCCCC

Grå--030 #B3B3B3

Grå--040 #999999

Grå--050 #808080

Grå--060 #666666

Grå--070 #4D4D4D

Grå--080 #333333

Grå--090 #1A1A1A

Grå--100 #000000

Röd

Röd--400 #EBB9B5

Röd--600 #991F14

Rekommenderade färger

Användningsområde

Färgval

Bakgrundsfärg

Grå--005 #F2F2F2

Läs in färger från fil

Du kan kopiera filen och lägga in den i ditt Angular projekt. Alternativt kan du kopiera det ifrån npm packetet, sökvägen @sjv/component-library/dist/release/assets/sjv-variables/_settings.color.scss.

Senast publicerad

Sidansvarig för sidan är Styleguide