fix(web): normalize "Runs on" platform logo sizing#280
Merged
Conversation
Center and resize the Ubicloud mark (it sat ~14px left of center and rendered too small as a wide wordmark on an asymmetric canvas), then normalize the whole 21-tile wall for consistent optical weight. Trim every logo PNG to its tight content bounding box and re-center it on a square canvas, so equal CSS box sizes yield equal optical sizes regardless of each source PNG's built-in whitespace or aspect ratio. Marks that were undersized due to internal padding (Aiven, Google Cloud SQL, Neon) now match the rest. Width-cap the three wide wordmarks (Oracle, IBM, Ubicloud) so they read at a consistent stroke weight. No logo or color is changed. Neutral chip, Tiger Data dark chip, both-theme legibility, grid layout, and 360px no-overflow are preserved. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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
1 participant
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
Polish pass on the landing Runs on platform wall. Fixes the reported Ubicloud tile and normalizes all 21 tiles for consistent optical size and centering. No logo or color is changed — purely sizing/centering/optical balance.
Ubicloud
The source PNG was a wide wordmark whose content sat ~14px left of the 96px canvas center and only ~70%×28% of the box, so it rendered both off-center and too small. After trimming + re-centering, it sits dead-center and is width-capped to a legible, on-weight size.
Consistency pass (all 21 tiles)
Logos have different intrinsic aspect ratios and built-in whitespace, so equal CSS box sizes gave unequal optical sizes. Two changes:
web/public/logos/png/*.png). This removes per-PNG padding asymmetry soobject-fit: containyields even weight. Previously-undersized marks (Aiven 73%×60%, Google Cloud SQL 75%, Neon 81%) now match the rest; Ubicloud re-centers automatically.web/src/pages/index.astroso they read at a consistent stroke weight without ballooning the chip vertically. Square marks render at a single 25px size.Preserved
Neutral chip treatment, Tiger Data dark chip, both-theme legibility, grid layout, and no overflow at 360px.
Verification
cd web && npm run build— clean.🤖 Generated with Claude Code