Have a look at the facts. Because details matter.
Not only hardware devices deserve technical specifications. A personal website can have one too. I don't want to bore you with a style guide, so I made a short list straight with the facts. I mean it's still a personal website and not a million dollar company, right?
Grid
Color
Horizontal and vertical rythmn is defined by a 8-pixel base modifier
Grid width is 1368 pixels and has 24 pixels outer padding
Gutter width is 24 pixels on desktop and mobile
Color
Color
Propper Blue #0055FF
Dawn #191919
Matte Gray #707372
Basic Gray #CCCCCC
Absolute White #FFFFFF
Font
Color
Neue Haas Unica Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Neue Haas Unica Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Neue Haas Unica Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Typography
Typography
Color
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
While Headlines are set in Neue Haas Unica Bold, normal text goes with Neue Haas Unica Regular. For example this lead paragraph.
This paragraph has the default font size for normal text. The lead paragraph above is slightly bigger, so it works better with a Headline 1.
System
© 2019 Sven Finger. WordPress under the hood. Minimalism is key.
© 2019 Sven Finger. WordPress under the hood. Minimalism is key.