Playground rules (typo)

browse sections

Rules implemented in this playground. Baseline size $s_b$ and scalar $r$ are the only inputs:

l_b = s_b \cdot r^2, \qquad b = l_b

Headline sizes for level $k \in \{1,\ldots,6\}$ use step index $n = 7 - k$ :

s_n = s_b \cdot r^n

The spacing coefficients are locked to the reciprocal scale:

\alpha = \lambda = \frac{1}{r}

Paragraph and figure spacing therefore become:

p = \frac{b}{r}, \qquad \text{figure space} = 2p

Caption: size $s_b / r^2$ , gap $p / r = b / r^2$ , line-height $r^2$ .

Bullet list:

Top and bottom: margin $p$ above and below the list.
Left: padding-left $b$ .
Between items: gap $p/2$ between list items (last item has no margin below).

Heading margins (per level, with $s_n$ the heading’s font size):

m_t = \frac{2 s_n}{r}, \qquad m_b = 4 \ln(s_n)

related notes