colophon
a studio that publishes a measurement file for its clients should publish one for itself. this is it, including the parts that are not flattering.
the circuit
| circuit | run | load | note |
|---|---|---|---|
| typography | general sans, variable | 25,208 b | itf free font license. latin subset, every weight from 200 to 700 in one file. the same subset as three separate static weights is 42,556 b, so the variable file saves 17,348 b, and it carries the whole range rather than three points on it. |
| notation | system monospace | 0 b | not downloaded. it is already on your machine. the brand book itself was set in menlo. |
| the mark | inlined svg | 7,145 b | the tube wordmark as it is inlined on this page. the solid one in the header is 3,890 b. inlined rather than linked because fill is only animatable on an inlined svg, and the ignition animates fill and nothing else. |
| third parties | none | 0 b | nothing to consent to. |
| javascript | three scripts | 4,500 b | 2,339 b gzipped, across all fourteen pages: the ignition flag, the namer, and the runtime figures on the report page. every one of them optional, and the site is complete without any. |
| framework | none | 0 b | astro produces the html and then leaves. no client runtime ships. |
the drawn things
the wordmark, the monogram, the wired sign and the 1:1 pattern were drawn for the brand book and were lifted out of it as vectors. they arrived as flattened polylines, several thousand straight segments each, and were refitted to bezier curves so they could be shipped. the five files went from 233,821 bytes to 49,878, which is 21.3 per cent of what they were.
the fit was checked rather than assumed. the refitted wordmark was rasterised against the original at 1200 pixels wide and the ink area differs by 0.38 per cent, with the remaining difference a one pixel antialiasing edge. the first attempt was 9 per cent heavier because the curve fitter rounded the corners of the u and the r, which is the kind of thing you only find by looking at the pixels.
the 16 pixel favicon is set on the pixel grid rather than scaled, by area coverage and a threshold, because a tube at that size is a grey smudge. 61 of its 256 pixels are ink.
the rules this site invented
- the accent ceiling, a count of lit objects per page, enforced by the build. it is not in the brand book. a constraint the brand imposed is more interesting than one the site invented, and saying which is which is cheaper than pretending.
- the weight budget. also not in the book.
- the margin column and the hatch. the book supplies the idea of a blocked out run. this site decided to make it a typographic device.
- 8 css pixels stands for 8 millimetres of tube. it is a stated mapping, not a physical measurement, and a ruler on your screen will disagree.
corrections to the brand book
the book is edition one. three things were found by recomputing it, and this site follows the corrected version:
- the accent as a filled button takes a dark label, not a light one. white on the accent measures 3.95 and fails. the near black label measures 4.95 and passes. on paper it inverts.
- the accent is only safe on the two darkest surfaces. on the card colour the book defines it measures 4.35 and fails, so that surface is used nowhere here.
- the hairline value cannot be a control border. it measures 1.31 against the page and the minimum for a control boundary is 3. every border you can click here is the 4.17 value instead.
the twenty six contrast figures the book publishes were all recomputed from the hex values. all twenty six were correct. the ledger is on the report page so that is checkable rather than assertable.
the naming rule
the rule that lights initials is screened against 166 strings and their reverses. the list ships as hashes so the words are not in this page's source. the generator is in the repository, so the mechanism is auditable and only the strings are withheld. a list like this misses things; if it lights something it should not, tell me and it gets added, and the revision line below records it.
the files
the brand book ships nine files and they are all here, served from this site rather than described by it. every one is flat vector except the two favicons, which are bitmaps because they are set on the pixel grid at their real size.
- elesur-word-light.svg the wordmark, tube, for dark grounds
- elesur-word-light-solid.svg the solid fallback, under 45 px x-height
- elesur-es.svg the monogram, tube
- elesur-es-solid.svg the monogram, solid, for icons
- elesur-circuit.svg the wired sign, for large surfaces only
- elesur-pattern-01.svg the bender pattern, 1:1 in reverse
- elesur-tokens.json the ramp and the accent, as design tokens
- favicon-16.png set on the pixel grid by a script, not by hand. see above.
- favicon-32.png from the solid monogram
title block
- studio
- elesur
- sheet
- this site, 14 pages
- edition
- one
- drawn
- 2026-09-08
- revision
- a