feat(landing): premium brand-showcase redesign of the human side#204
Merged
Conversation
Reworks the 60% human side of the Default template into a proper brand
showcase (the agent panel and 60/40 split are unchanged). The old page —
tiny icon + one tagline floating in a muddy all-over color tint — looked
cheap; this gives every tenant a polished, honest page driven only by the
fields we have.
- Localized accent spotlight on a true near-black canvas (+ dot-grid +
vignette) instead of the muddy all-over tint.
- Crafted app-tile icon (border, inner highlight, accent glow ring) with a
monogram fallback from the brand initials when a tenant has no icon.
- Derived eyebrow ("Available on iOS / Android / iOS & Android") from the
link's destinations.
- Brand-name headline + tagline subhead; gradient CTA (accent-bright →
accent-deep) + a "Visit website" ghost when web_url is present.
- palette engine gains accent_bright / accent_deep tones for the gradient CTA.
- No invented copy/ratings/screenshots — everything maps to real tenant data,
and degrades gracefully (monogram, hidden eyebrow/tagline/ghost) when fields
are absent. Verified generic across desktop + mobile via rendered output.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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.
Why
The human (60%) side of the Default landing template looked cheap — a tiny icon and a one-line tagline floating in a muddy, all-over color tint (see the OrangeRock screenshot that prompted this). This reworks it into a proper brand showcase while keeping the page-level 60/40 split and the agent panel unchanged.
Direction was chosen by rendering 4 independent design explorations and picking the one that looks premium using only the data we actually have (no invented copy/ratings/screenshots).
What changed (human side only)
accent-bright → accent-deep) + a "Visit website" ghost whenweb_urlexists.accent_bright/accent_deeptones for the gradient button.Generic by construction
Every slot maps to a real tenant field and degrades gracefully: no icon → monogram; no tagline → hidden; no web_url → no ghost; light/pastel brand → palette engine flips the canvas. No fabricated content ever renders. Verified across desktop + mobile by rendering the real server output (not a mockup).
Tests
Machine-Readable Link,Verified by Rift),--accentCSS vars, og:image meta, andOpen in {brand}CTA all preserved.fmt+clippy -D warningsclean. Fullcargo testrunning post-push per the CLAUDE.md CI-ordering rule.Follow-ups (not in this PR)
🤖 Generated with Claude Code