Hopp til hovedinnhold
Test

Design System

Typography

  • H1
  • H2
  • H3
  • H4
  • Big Paragraph Bold
  • Big Paragraph Medium
  • Body Bold
  • Body Medium
  • Body Regular
  • Quotes big
  • Quotes small
  • Button
  • 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
favicon-32x32
mstile-70x70
mstile-144x144
mstile-150x150
mstile-310x150
mstile-310x310
android-chrome-192x192
android-chrome-512x512
apple-touch-icon

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
Variant 2
Variant 3
Variant 4
Variant 5
Variant 6

Video

Variant 1
Variant 2
Variant 3
Variant 4
Variant 5
Variant 6