Colors
Primary
#07487D
#031D32
#042B4B
#063A64
#07487D
#517FA4
#9CB6CB
#DAE4EC
Secondary
#0E90F9
#063A64
#085695
#0B73C7
#0E90F9
#56B1FB
#9FD3FD
#DBEEFE
CTA
#FF4400
#661B00
#992900
#CC3600
#FF4400
#FF7C4D
#FFB499
#FFE3D9
Neutral
#DDE2E6
#151A1E
#33383C
#5B6064
#8D9296
#BFC4C8
#DDE2E6
#F6FBFF
Logos
On Light
On Dark
Fonts
HEADING FONT
Oak Sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0
BODY FONT
Oak Sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0
ACCENT FONT
Oak Sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0
Typography
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.
The quick brown fox jumps over the lazy dog
Spacing
All spacing is built on an 8px base unit grid
16px
16px
x2
24px
24px
x3
32px
32px
x4
48px
48px
x6
64px
64px
x8
Shadows
--shadow-xs
--shadow-sm
--shadow-md
--shadow-lg
--shadow-xl
Borders & Radius
--radius-xs
Subtle
--radius-sm
Buttons
--radius-md
Cards
--radius-lg
Panels
--radius-xl
Large
--radius-full
Pill