Font Size Test

16px
18px
20px

Code Style

Dark
Light
Colored

Primary Colors

The primary color palette is extracted from the Ministry of Justice logo and should form the largest part of the design color

#075e4a
rgb(7, 94, 74)
#187860
rgb(24, 120, 96)
#ec9a18
rgb(236, 154, 24)
#fdbd10
rgb(253, 189, 16)

Secondary Colours

It gives flexibility when needed to display many types of items. They are used as a support for primary colors and do not dominate design

#FF4949
rgb(255, 73, 73)
#13ce66
rgb(19, 206, 102)
#1fb6ff
rgb(31, 182, 255)
#c8a450
rgb(200, 164, 80)
#8fd2c5
rgb(143, 210, 197)

Neutral Colours

Used for Text, backgrounds, separating frames and icons

#000000
rgb(0, 0, 0)
#626262
rgb(38, 38, 38)
#595959
rgb(89, 89, 89)
#8C8C8C
rgb(140, 140, 140)
#BFBFBF
rgb(191, 191, 191)

Gradients

Gives flexibility when needed to display many types of items. They are used as a support for primary colors and do not dominate design

Gradient Direction ControlFrom Top to BottomFrom Left to RightFrom Right to LeftFrom Bottom to Top
Direction: to top
Color Stop 1: #119781
Color Stop 2: #075E4A
Direction: to top
Color Stop 1: #2AB895
Color Stop 2: #187860
Direction: to top
Color Stop 1: #FFC60A
Color Stop 2: #EC9A18
Direction: to top
Color Stop 1: #FCDA0F
Color Stop 2: #FDBD10