Style guide
sensiBel is a Norwegian optical MEMS sensor company delivering the next generation of MEMS microphones.
Text
All text styles are in the free typeface
Plus Jakarta Sans, found on Google fonts
Note: Text styles affect which HTLM element is used for the text. Therefore, use the appropriate heading styles for hierarchy.
H1 - There should be ONE H1 per page, no more, no less.
Heading One
Heading One S
H2
Headine Two
Heading Two S
H3
Heading Three
Heading Three S
H4
Heading Four
Detail XL
Detail L
Body Text
Body bold
Body Text
Body bold
Detail S
Colors
CTA
#0B54D4
Cta
CTA Hover
#1867F0
L radius 24px
Light BG primary
#FDFCFA
L radius 24px
Light BG secondary
#F5F3F0
L radius 24px
Light BG tertiary
#E6E3E1
L radius 24px
Dark BG primary
#191D24
L radius 24px
Dark BG secondary
#232833
L radius 24px
Spacing & padding
XXL spacing 144px (9rem)
XL spacing 96px (6rem)
L spacing 48px (3rem)
M spacing 24px (1.5rem)
S spacing 12px (0.75rem)
XS spacing 8px (0.5rem)
Borders & radius
M radius 12px
S radius 4px
Buttons
Primary
Secondary
Tertiary