feat(brand): enlarge the t. app icon (centred lockup)#11
Draft
i11v wants to merge 2 commits into
Draft
Conversation
Port the bleed branch of the design system's AppIcon (the latest design iteration): the Doto "t" is blown up to 1.22x so it owns the whole tile instead of sitting at 0.6x with a padded margin, and the green make-square is anchored low-right as an accent. Nudge the glyph down 0.05x so the optical space above/below balances. This fixes the padded/shrunken look on the iOS Home Screen — the PWA generator already insets nothing (padding: 0), so the padding came from the source master itself. Regenerates brand/icon-1024.png + public/icon.png (the vite-plugin-pwa source) and updates the brand README geometry notes.
|
🚀 Preview deployed: https://tablo-pr-11.i11v.workers.dev |
The full-bleed t (1.22x, square in the corner) looked balanced as a flat square but read lopsided once iOS masks the rounded corners — the lone "t" is asymmetric, so the off-diagonal corners went dead and the crossbar clipped the left edge. Switch to the centered "t." lockup (the t + green full-stop square as one unit, echoing the tablo. wordmark) at 0.70x — larger than the original 0.6x so it no longer reads as a tiny padded mark, but balanced under the mask. Regenerates icon-1024.png + public/icon.png and updates the README.
i11v
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Updates the
t.app-icon master so the mark fills the tile better — it was reading as a tiny, padded icon on the iOS Home Screen.The latest design-system iteration (handoff bundle, transcript dated today) had added a full-bleed
bleedmode toAppIcon.jsx. I first ported that (1.22× glyph, square in the corner), but on a real device it read lopsided once iOS masks the corners: the lone Doto "t" is asymmetric, so the off-diagonal corners went dead and the crossbar clipped the left edge. After comparing masked renders, we landed on the centredt.lockup instead — the same mark as thetablo.wordmark, scaled up.Final geometry (
brand/gen_icon.py)t+ green full-stop square (the live-connection signal) centred as one unit0.70×the canvas — larger than the design's nominal0.6×(no longer a tiny padded mark) but balanced under the rounded maskChanges
brand/gen_icon.py— the lockup geometry at0.70×brand/icon-1024.png/public/icon.png— regenerated (the latter drives the wholevite-plugin-pwafavicon/apple-touch/maskable/manifest set)brand/README.md— updated geometry notesVerification
bun run --cwd packages/web build✓ — PWA asset set regenerates cleanapple-touch-icon-180x180.pngand a simulated iOS rounded-mask preview both read as a balanced, centredt.https://claude.ai/code/session_012wKhWbC1GZH1rxsPzBLYQx