adjust-logos

Installation
SKILL.md

Adjust Logos

Mathematically equal vs optically even

A row of logos set to the same height never looks the same height. Wordmarks read heavier than icons, thin marks disappear next to bold ones, and a logo with a descender sits visually lower than its neighbors. Mathematical alignment produces optical chaos — and an agent asked to "clean up" a logo row will make it worse by snapping everything to one height.

Logo rows are aligned optically, not mathematically. This skill is the workflow, and the guardrail.

The band/mark model

  • Band — the fixed vertical space the row occupies (e.g. 20px). This is the only layout-token value in the system. It never changes per logo.
  • Mark — each logo inside the band gets its own rendered height (e.g. default 18px within a 20px band), tuned per logo.
  • Tune class — every deviation from the default lives in a per-logo class (.logo-row__mark--acme), with a comment stating the optical reason.
Installs
4
Repository
iruhdam1/skills
First Seen
Jul 25, 2026
adjust-logos — iruhdam1/skills