Design tokens

rgba(255, 255, 255, 0)
#FFFFFF
#C30000
#F7F7F7
#F1F1F1
#E5E5E5
#CFCFCF
#B0B0B0
#8F8F8F
#707070
#595959
#404040
#262626
rgba(0, 0, 0, 0.03)
rgba(0, 0, 0, 0.05)
rgba(0, 0, 0, 0.1)
rgba(0, 0, 0, 0.19)
rgba(0, 0, 0, 0.31)
rgba(0, 0, 0, 0.44)
rgba(0, 0, 0, 0.56)
rgba(0, 0, 0, 0.65)
rgba(0, 0, 0, 0.75)
rgba(0, 0, 0, 0.85)
#E6F0FF
#CCE1FF
#99C3FF
#66A5F4
#3386E0
#0067C5
#0056B4
#00459C
#00347D
#002252
#EBFCFF
#D8F9FF
#B5F1FF
#97E6FF
#7CDAF8
#66CBEC
#4CADCD
#368DA8
#236B7D
#134852
#F3FCF5
#CCF1D6
#99DEAD
#66C786
#33AA5F
#06893A
#007C2E
#006A23
#005519
#003B0F
#FFF9F0
#FFECCC
#FFD799
#FFC166
#FFAA33
#FF9100
#C77300
#A86400
#7D4C00
#523300
#FFE6E6
#FFC2C2
#F68282
#F25C5C
#DE2E2E
#C30000
#AD0000
#8C0000
#5C0000
#260000
#E6F1F8
#CCE2F0
#99C4DD
#66A3C4
#3380A5
#005B82
#005077
#004367
#003453
#00243A
#EFECF4
#E0D8E9
#C0B2D2
#A18DBB
#8269A2
#634689
#523874
#412B5D
#301F46
#1F142F
#FDFFE6
#F9FCCC
#ECF399
#D9E366
#C1CB33
#A2AD00
#939E00
#7F8900
#666E00
#474E00
White
Gray 100
White
Grayalpha 100
Grayalpha 200
Blue 50
Gray 50
Transparent
Grayalpha 700
Gray 800
Gray 700
Gray 900
Blue 50
Blue 100
Blue 500
Blue 600
Deepblue 500
Deepblue 500
Deepblue 600
Grayalpha 100
Grayalpha 200
Grayalpha 200
Gray 700
Gray 800
Gray 900
Gray 900
Green 100
Green 200
Green 200
Green 500
Green 600
Lightblue 100
Lightblue 200
Lightblue 200
Lightblue 500
Orange 100
Orange 200
Orange 500
Orange 200
Red 100
Red 200
Red 200
Nav red
Red 600
Red 700
Purple 400
Purple 100
Purple 200
Limegreen 400
Limegreen 100
Limegreen 200
Deepblue 500
Deepblue 100
Deepblue 200
Deepblue 800
Aa
Gray 900
Aa
Grayalpha 700
Aa
Purple 500
Aa
Nav red
Aa
Blue 500
Aa
Deepblue 500
Aa
Blue 600
Aa
White
Aa
White
Aa
White
Aa
White
Aa
White
Aa
Gray 900
Aa
Gray 900
Aa
White
Aa
Gray 900
Aa
White
Gray 900
Grayalpha 700
White
White
Blue 500
Deepblue 500
Blue 600
White
Green 500
White
Nav red
White
Orange 600
Gray 900
Lightblue 800
Gray 900
Purple 500
Limegreen 700
Deepblue 400
Grayalpha 500
Grayalpha 700
Grayalpha 300
Grayalpha 200
Grayalpha 300
Gray 200
Gray 700
Blue 500
Deepblue 500
Blue 500
Green 500
Nav red
Orange 600
Lightblue 700
Blue 800
Blue 200
Purple 400
Limegreen 700
Deepblue 500
Blue 400
Blue 100
Deepblue 500
Deepblue 200
Orange 600
Orange 300
Lightblue 700
Lightblue 500
Green 400
Green 200
Purple 400
Purple 200
Blue 400
Deepblue 500
Orange 600
Lightblue 700
Green 400
Purple 400
Tokenrempx
000
050.1252
10.254
20.58
30.7512
4116
51.2520
61.524
71.7528
8232
92.2536
102.540
112.7544
12348
143.556
16464
184.572
20580
24696
328128
0 1px 2px 0 rgba(0, 0, 0, 0.12)
0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1)
0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)
0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)
0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)
0 0 0 3px rgba(0, 52, 125, 1)
0 0 0 3px rgba(153, 195, 255, 1)
2px
4px
8px
12px
9999px
TokenVerdiDemo
Family"Source Sans Pro", Arial, sans-serifForeldrepenger
Weight regular400Foreldrepenger
Weight bold600Foreldrepenger
Size small0.875remAa
Size medium1remAa
Size large1.125remAa
Size xlarge1.25remAa
Size heading xsmall1.125remAa
Size heading small1.25remAa
Size heading medium1.5remAa
Size heading large1.75remAa
Size heading xlarge2remAa
Size heading 2xlarge2.5remAa
Line height medium1.25remHello
World
Line height large1.5remHello
World
Line height xlarge1.75remHello
World
Line height heading xsmall1.5remHello
World
Line height heading small1.75remHello
World
Line height heading medium2remHello
World
Line height heading large2.25remHello
World
Line height heading xlarge2.5remHello
World
Line height heading 2xlarge3.25remHello
World
EnhetVerdiBruk
Mobile small0Mobile first
Mobile regular480pxMobile first
Mobile regular479pxDesktop first
Tablet768pxMobile first
Tablet767pxDesktop first
Laptop1024pxMobile first
Laptop1023pxDesktop first
Dekstop1280pxMobile first
Dekstop1279pxDesktop first
10
1000
2000
3000