Checkerboard behind the logo previews on Behavior & Labeling

Featurekamo-internal
Shipped
September 6, 2026 at 4:38 AM UTC
Author
Kamo
Commit
5e0fb7b

The nine logo slots painted their artwork straight onto the card's own white, which hid the two things an admin is looking at: whether the file is actually transparent, and how cleanly it was keyed. A white-on-transparent mark was indistinguishable from an empty slot, and a soft or badly-cut edge disappeared into the background it was fringing against. `ImagePreview` now takes a `checkered` prop painting the same repeating-conic-gradient the image-to-svg tools use, at a 12px square because these previews are a third of their height. Applied to the three read-view slots and the six edit-view ones (company + software), and NOT to: - an empty slot, which has nothing to be transparent about — a checkerboard under its placeholder icon would say it has; - the background-image gallery, whose object-fit: cover photos are opaque and fill the box, so no checker could ever show through. Since the images are object-fit: contain, the checker also shows in the letterbox bars, which makes an image's true bounding box visible. This is the idiom the rest of the branding surfaces already use — the setup wizard's Logos step, network-create's brand fields and the brand-scan asset browser all checkerboard their previews in Tailwind. Behavior & Labeling was the one that did not.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing