Test![](/_next/image?url=%2Ffavicon-16x16.png&w=32&q=75)
![](/_next/image?url=%2Ffavicon-32x32.png&w=64&q=75)
![](/_next/image?url=%2Fmstile-70x70.png&w=256&q=75)
![](/_next/image?url=%2Fmstile-144x144.png&w=384&q=75)
![](/_next/image?url=%2Fmstile-150x150.png&w=384&q=75)
![](/_next/image?url=%2Fmstile-310x150.png&w=640&q=75)
![](/_next/image?url=%2Fmstile-310x310.png&w=640&q=75)
![](/_next/image?url=%2Fandroid-chrome-192x192.png&w=384&q=75)
![](/_next/image?url=%2Fandroid-chrome-512x512.png&w=1080&q=75)
![](/_next/image?url=%2Fapple-touch-icon.png&w=384&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Design System
Typography
- H1
- H2
- H3
- H4
- Big Paragraph Bold
- Big Paragraph Medium
- Body Bold
- Body Medium
- Body Regular
- Quotes big
- Quotes small
- Initials
Icons
ArrowDownIcon
ArrowLeftIcon
ArrowLeftDownIcon
ArrowLeftUpIcon
ArrowRightIcon
ArrowRightDownIcon
ArrowRightUpIcon
ArrowUpIcon
BellIcon
CheckIcon
ClockIcon
DocumentIcon
HeartIcon
LocationIcon
LockIcon
MailIcon
MessageIcon
PeopleIcon
SearchIcon
UserIcon
WarningIcon
Favicons
favicon-16x16
![](/_next/image?url=%2Ffavicon-16x16.png&w=32&q=75)
favicon-32x32
![](/_next/image?url=%2Ffavicon-32x32.png&w=64&q=75)
mstile-70x70
![](/_next/image?url=%2Fmstile-70x70.png&w=256&q=75)
mstile-144x144
![](/_next/image?url=%2Fmstile-144x144.png&w=384&q=75)
mstile-150x150
![](/_next/image?url=%2Fmstile-150x150.png&w=384&q=75)
mstile-310x150
![](/_next/image?url=%2Fmstile-310x150.png&w=640&q=75)
mstile-310x310
![](/_next/image?url=%2Fmstile-310x310.png&w=640&q=75)
android-chrome-192x192
![](/_next/image?url=%2Fandroid-chrome-192x192.png&w=384&q=75)
android-chrome-512x512
![](/_next/image?url=%2Fandroid-chrome-512x512.png&w=1080&q=75)
apple-touch-icon
![](/_next/image?url=%2Fapple-touch-icon.png&w=384&q=75)
Color Palette
Main
Gjøvikregionen Skogsgrønn
forestGreen-700
forestGreen-500
forestGreen-300
forestGreen-100
Gjøvikregionen Turkis
turquoise-700
turquoise-500
turquoise-300
turquoise-100
Other
Burgunder
burgundy-700
burgundy-500
burgundy-300
burgundy-100
Rosa
pink-700
pink-500
pink-300
pink-100
Grønn
green-700
green-500
green-300
green-100
Oransje
orange-700
orange-500
orange-300
orange-100
Beige
beige-500
Recommended use
forestGreen-700
Title texts, captions, input fields and everywhere else where skogsgrønn is required
forestGreen-700
Secondary text
forestGreen-100
Default texts in text field
beige-500
Dividers & borders, disabled states
beige-500
Background and disabled background for buttons
forestGreen-700
Primary actions, buttons and links
orange-700
Error
orange-700
Warning
green-700
Success
Buttons
Default
Default (dark - used in footer)
Menu
Checkboxes
Default
Toggle
Inputs
Search
Form input
Form input (dark - used in footer)
Number input
Disclosure
Newsletter
Newsletter (dark - used in footer)
Images
Variant 1
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Variant 2
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Variant 3
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Variant 4
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Variant 5
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Variant 6
![](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fenpz531f%2Fproduction%2F91004b01e5f4d379e071733c8327723e38130aca-1880x1254.png%3Fw%3D1880%26h%3D1254&w=3840&q=75)
Video
Variant 1
Variant 2
Variant 3
Variant 4
Variant 5
Variant 6