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
svg-image

© 2019 Sven Finger. WordPress under the hood. Minimalism is key.

© 2019 Sven Finger. WordPress under the hood. Minimalism is key.