AGENTS.md@components/home/img · git:20260918.e2d2b9f · 2026-09-18 · sha256 1798f259622295b5
AGENTS.md@components/home/img git:20260918.e2d2b9fA
Immutable. This exact content is served forever at /api/v1/blob/1798f259622295b5.
# Customer wordmarks
These SVGs are the homepage / enterprise / adopters / wrapped wordmarks. Signets, `*-mono.svg`, and `visuals/` are separate and not covered here.
## No padding
Crop every wordmark to its ink. The file must not sit on a padded shared canvas (the old `140×40` artboard).
- Set `viewBox` to the artwork bounds (a hairline buffer is fine; empty left/right/top/bottom space is not).
- Set `width` and `height` to the same values as the viewBox size, for example `viewBox="50.25 13.25 38.5 13.5"` with `width="38.5" height="13.5"`.
- Keep path coordinates in the original ~40-unit-tall canvas. Do not rescale the artwork to a new coordinate system. Display size is `inkHeight * (slotHeight / 40)` via `wordmarkDisplaySize` in `components/shared/wordmark.ts`. A newly exported 200×80 file will render several times too large.
CSS cannot trim SVG alpha. Do not compensate with crop tables, negative margins, or `object-contain` on a tall box.
## Adding a logo
1. Save a tight SVG in this folder (`lowercase-name.svg`).
2. Homepage / enterprise strip: import it in `components/shared/EnterpriseLogoGrid.tsx` and append a `companies` entry (`customerStoryPath` and `hidden` as needed).
3. `/users` explorer: import it in `components/customers/AdoptersExplorerWrapper.tsx` and add `{ src }` to `COMPANY_LOGOS`. No crop rect.
4. `/wrapped` tiles: import it in `components/wrapped/Customers.tsx` and size it with `wordmarkDisplaySize(logo, 32)`. Do not use `h-8 object-contain` on these files.
Spacing and alignment are CSS (`gap`, flex/grid centering). If a new logo looks gappy, the SVG still has padding — crop the file instead of adding per-logo math.