Styleguide
Logo
Default
Typography
DMS Sans
Light, 300
The spectacle before us was indeed sublime.
Regular, 400
The spectacle before us was indeed sublime.
Medium, 500
The spectacle before us was indeed sublime.
SemiBold, 600
The spectacle before us was indeed sublime.
Bold, 700
The spectacle before us was indeed sublime.
Colours
Black
Black
#000000
White
White
#ffffff
Green
100
#98c47c
75
#b4d5a2
50
#d1e6c8
25
#edf7ed
Off black
100
#2f2f2f
75
#595959
50
#838383
25
#adadad
Light grey
100
#e7e7e7
75
#ececec
50
#f1f1f1
25
#f7f7f7
Dark grey
100
#7c7c7c
75
#969696
50
#b0b0b0
25
#cacaca
Grid
Container & breakpoint sizes
'sm' or 640px
'md' or 768px
'lg' or 1024px
'xl' or 1280px
'2xl' or 1640px
'3xl' or 1920px
'4xl' or 2240px
'fluid' or 100%
12 Column grid
.w-full
.w-1/2
.w-1/2
.w-1/3
.w-1/3
.w-1/3
.w-1/4
.w-1/4
.w-1/4
.w-1/4
.w-1/5
.w-1/5
.w-1/5
.w-1/5
.w-1/5
.w-1/6
.w-1/6
.w-1/6
.w-1/6
.w-1/6
.w-1/6
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
.w-1/12
Iconography
Font Awesome, Light (randomised)