zeekayandHanzo Dev c6434571ee The wordmark has one home, and fits a square without being squashed ...

Three surfaces each drew the Lux mark themselves, so the fleet shipped a
featureless rounded square, a purple diamond and a placeholder that said
"Lux Safe" in Inter. The geometry lived here the whole time; what was
missing was a way to get it into a square hole.

getWordmarkSquareSVG letterboxes the wordmark: one scale factor on both
axes, the leftover as padding. A 3.7:1 mark in a 1:1 slot is the whole
difficulty, and the two easy answers — stretch to fill, crop to fill —
give fat letters and "LU" respectively. Both had shipped somewhere.

lux-icons writes the raster set every surface needs from that same
geometry, so the PNGs are downstream of the mark instead of beside it.

Wordmark, the React component, drew the triangle. Callers asking for a
wordmark got a mark, and any that forced a square box got a squashed one.
It now draws the wordmark, sized by height with the width left to follow.
Favicon keyed itself with the plain white mark, which is an empty tab in
light mode; it uses the keyed variant that exists for exactly this.

The letterforms were pasted into each function that looked at them, so
they lived in as many places as there were views. One copy now.

Co-authored-by: Hanzo Dev <[email protected]>

2026-08-13 14:59:35 -07:00

733 B

Raw Permalink Blame History