Playground rules (typo) - klinke.studio

Playground rules (typo)

browse sections

Playground rules (typo)

Rules implemented in this playground. Baseline size sbs_b and scalar rr are the only inputs:

lb=sbr2,b=lbl_b = s_b \cdot r^2, \qquad b = l_b

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

sn=sbrns_n = s_b \cdot r^n

The spacing coefficients are locked to the reciprocal scale:

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

Paragraph and figure spacing therefore become:

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

Caption: size sb/r2s_b / r^2, gap p/r=b/r2p / r = b / r^2, line-height r2r^2.

Bullet list:

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

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

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