The 'Hubner Central' Design System
Colours
Light Grey
#505050
Header background.
Background Grey
#404040
The default background.
Very Dark Grey
#202020
Used for borders.
Seashell
#FFF5EE
Default text color.
Sky Blue
#8FC7FF
Default link hover color.
Fonts
Atkinson Hyperlegible
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
Default font. (Atkinson Hyperlegible is designed to be as readable as possible for as many as possible. Learn more here.)
Rubik
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
An alternative sans serif font.
Merriweather
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
The default serif font.
Martian Mono
Sphinx of black quartz, judge my vow.
Sphinx of black quartz, judge my vow.
The default monospace font.
Text Styles
H1: Main heading
Font-family: Atkinson Hyperlegible
Font-weight: 700 (bold)
Font-size: 2rem (32px)
H2: Sub heading
Font-family: Atkinson Hyperlegible
Font-weight: 700 (bold)
Font-size: 1.5rem (24px)
P: Paragraph text
Font-family: Atkinson Hyperlegible
Font-weight: 400 (regular)
Font-size: 1rem (16px)