Restyle customer story headers to match the editorial site - #3860
marcklingen wants to merge 5 commits into
Conversation
Replace the boxed, centered blog header on customer stories with three Analog-based options (editorial, masthead, centered). Default to the left-aligned editorial layout; compare via ?header= on any story page. Co-authored-by: marc.klingen <marc.klingen@clickhouse.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Remove the redundant Customer story label, the video tag, and the unused masthead/centered variants now that editorial is the chosen layout. Co-authored-by: marc.klingen <marc.klingen@clickhouse.com>
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
|
@claude review |
There was a problem hiding this comment.
Claude Code Review
No review was started: this request came from a bot account. Manual reviews can only be requested by someone with write access to this repository. Ask a maintainer to comment @claude review, or have your automation post the comment from a user account with write access.
Tip: disable this comment in your organization's Code Review settings.
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 27862fdeaf
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 27862fd. Configure here.
Co-authored-by: marc.klingen <marc.klingen@clickhouse.com>
Customer stories already store customerLogoDark in frontmatter, but only Ramp passed it into BlogHeader. Look the dark asset up from the story index so Canva, Cresta, and the rest keep branded marks in dark mode. Also keep forwarding an optional hero image on customer stories. Co-authored-by: marc.klingen <marc.klingen@clickhouse.com>
Co-authored-by: marc.klingen <marc.klingen@clickhouse.com>

The customer story header used the old centered blog treatment (white logo card, default heading font). It now matches
/users: Analog title, unboxed logo, left-aligned stack.Editorial layout, without the redundant “Customer story” label, date, or yellow video tag.
Result
Canva keeps the author byline:
What changed
CustomerStoryHeaderfor customer stories: breadcrumb, unboxed logo (dark-mode support), Analog H1, description, optional authorsBlogHeaderroutes customer stories through that component; regular blog posts are unchangedimageprop is forwarded againThe PR is not ready to merge as the proposed design-review URLs cannot select the advertised masthead and centered variants.
Summary
The PR routes customer-story
BlogHeaderinstances through a new editorial-style header with Analog typography, mono date metadata, unboxed logos, and optional dark-mode logo assets.Reviews (1) · Last reviewed commit: "Keep the editorial customer story header..."