# Design Systems & UI

> Selected Engineer ApS work demonstrating Design Systems & UI — the achievements that prove it.

- [Replaced 27 rendered font sizes whose nearest neighbours were 0.6% apart with a six‑step Major Third scale, and wrote the linter that fails the twenty‑eighth.](https://brand.engineer.company/portfolio/replaced-27-font-sizes-with-a-six-step-scale-129/)
- [Closed the colour system at 28 documented colours with a linter that fails a value painted but undocumented, documented but unpainted, mis‑measured, respelled as a literal, or within a perceptual distance of 0.02 of one already there.](https://brand.engineer.company/portfolio/closed-the-colour-system-at-28-colours-133/)
- [Cut the stylesheet bundle from 87 KB to 31 KB by taking a base64 font out of it, and dropped 756 KB across 22 files that were published on every deploy and referenced by nothing.](https://brand.engineer.company/portfolio/cut-the-stylesheet-bundle-from-87kb-to-31kb-139/)
- [Built a 48‑token design system on the platform's own glass material and wrote the linter that rejects a magic number, a hardcoded font size, or an animation that ignores the reduce‑motion preference.](https://brand.engineer.company/portfolio/built-a-48-token-design-system-160/)
- [Built the company's icon and favicon sets from two hand‑made drawings, with every derived asset regenerated by script and a check that fails when a derived file was committed before its source.](https://brand.engineer.company/portfolio/built-the-visual-identity-from-two-drawings-164/)

<https://brand.engineer.company/categories/design-systems/>
