Reading and display settings

Appearance

System follows your operating system and keeps following it, even if you change it later. The header's sun, moon and monitor cycle the same three options.

Text size (%) 100%

Default. Scales every text size on the site, equations and tables included.

Reading width 70ch

How much text runs across one line of prose. Narrower is easier to track; wider fits more on screen.

Line spacing 1.6

The leading on body text. Taller leading helps a tired eye stay on the line.

Density

Padding and gaps around controls, cards, and tables — how much breathing room the layout leaves itself.

Motion

System follows your operating system. Reduced removes every transition on this site. Full keeps them on unless your system asks for less.

Guide Kit Demo: Bar Chart

1

Proving the guide kit renders

💡 The plan: drag the slider and watch a Guide.drawBars() canvas redraw, styled entirely by guide.css's .g- classes and driven by guide-core.js + guide-math.js — none of it copy-pasted per page.

The middle bar's length is driven by the slider.