§
06 — Schriftprobe
/ Type and grid
How the studio types, spaces and ornaments a page. Fraktur is the exception; the grid is the rule.
§
01
Alphabete
Alphabets
Switzer 600 · text and headlines
Grotesk
UnifrakturMaguntia · marks only
Fraktur
§
02
Größen
Type scale
Eight styles. That is all.
Display
Switzer 600 · 168 / 96 / 54
Heading 2
Switzer 600 · 76 / 52 / 38
Heading 3
Switzer 600 · 30 / 26 / 22
Body Large
Switzer 400 · 22 / 19 / 18
Body
Switzer 400 · 16 / 15 / 15
Label
Geist Mono 500 · 12 / 12 / 11
Fraktur
UnifrakturMaguntia · 120 / 80 / 56
Button
Switzer 500 · 15
§
03
Raster
The grid
Twelve columns, forty-pixel gutters.
Halves, thirds, quarters and sixths all land on a column edge. On tablet the gutter is 32, on phone 16.
1320
content width, px
40
gutter, px
40 / 32 / 16
page margin, px
112 / 88 / 64
section padding, px
§
04
Farbe
Colour
Two inks, three papers, one blue.
Paper
#EEEBE3
Ground
Ink
#0C0C0C
Text, black bands
Bone
#E0DCD0
Raised panels
Ash
#6F6C65
Secondary text
Rule
#BDB9AD
Hairlines
Blue
#2436E0
Accent, used sparingly
§
05
Fraktur
Blackletter rules
Where Fraktur goes, and where it does not.
Do
Wordmark, initial, § mark
he initial sits two or three lines deep, and the text follows in the grotesque.
Don’t
Body copy, colour, twice per page
The whole paragraph set in blackletter is exhausting to read, and it loses the one thing that makes the mark special.
Fleuron rule
&
Asterism
❧ ❧ ❧
Corner frame
&
Want the files?
We share the grid and the type licences with every client. Ask, and we will send them.