Skip to content

feat(press): inline asset previews + layout pass on /press - #2836

Open
0xkkonrad wants to merge 1 commit into
feat/press-brand-subpagefrom
feat/press-kit-previews
Open

feat(press): inline asset previews + layout pass on /press#2836
0xkkonrad wants to merge 1 commit into
feat/press-brand-subpagefrom
feat/press-kit-previews

Conversation

@0xkkonrad

Copy link
Copy Markdown
Contributor

What

Improves /press (the page peanut.me/presskit redirects to) — inline previews of the actual assets, and a layout pass. Stacks on #2811 (feat/press-brand-subpage); base is that branch so this PR shows only its own delta. If #2811 merges first, GitHub retargets this to dev.

Previews

  • Every brand-asset group now has a preview well derived from the frontmatter hrefs by extension — no content changes. Logotype / Icon / Wordmark render their SVG (next/image unoptimized, no dangerouslyAllowSVG); Mascot shows all five .webp side by side in one well; the Font group renders a KNERD specimen via Title on pink (the three-layer offset the guidelines mandate); Brand Guidelines (PDF only) has no well and spans the row.
  • Download pills are labelled by format (SVG · EPS · AI) when unambiguous within the group, keep filenames otherwise, and carry download on same-origin files (the GitHub link keeps target=_blank).
  • Helpers live in src/components/Marketing/pressAssets.ts with a 6-case jest test.

Layout

  • Brand assets moved above Tagline & headlines; two jump pills (#assets, #contact) at the top, zero new strings.
  • items-start on the card grids (kills the stretched-card whitespace), text-h4 section headings on both press pages, shadow-4 only on the asset cards + contact card.
  • Tagline section: the flagship headline no longer appears twice; the one-liner sits inside the flagship card with a label.
  • Team photos: sizes on the fill images (browser now fetches w=384 instead of w=3840), 2 columns on mobile, note moved above the grid.
  • Company + Media contact share one row; contact is a pink card.
  • MarketingHero: text-6xl sm:text-7xl md:text-9xl — at 390px "PRESS"/"BRAND" were clipped by the hero's overflow-hidden. Only the base breakpoint changes.
  • i18n: Short / Medium / Press / Partner, the photo alt text, the one-liner label and a one-line assets note are now keys in all four locales.

Verified

  • prettier, eslint, tsc --noEmit (0), jest 6/6.
  • Local next dev --webpack DOM audit at 1000px and 390px on /en/press, /pt-br/press, /en/press/brand: no horizontal overflow, hero letterforms inside the viewport, all 16 previewed images load, 28 download links ≥ 44px tall, no English labels on pt-BR.
  • Before/after full-page screenshots (desktop 1000px, mobile 390px) were reviewed by Konrad in the build session.

Not in this PR (content-side, needs an owner)

  • content/team/en.md: second founder is Konrad with no surname → JSON-LD Person "Konrad"; bios are the TODO placeholders.
  • media_contact is support@peanut.me.
  • Whether the assets note should carry a usage-permission sentence ("free to use when writing about Peanut, don't alter the mark") — shipped neutral copy; that line is a brand/legal call.

Previews derived from frontmatter hrefs by extension (SVG marks
unoptimized, five mascots in one well, KNERD specimen on pink), format
pills with download, items-start grids, text-h4 headings, jump pills,
dedup of the flagship headline, sizes + 2-col mobile team photos,
two-column tail with a pink contact card, hero base size 6xl so the
KNERD title no longer clips at 390px, and i18n for the boilerplate
labels and photo alt text across all four locales.
@vercel

vercel Bot commented Aug 26, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
peanut-wallet Ready Ready Preview Aug 26, 2026 6:40pm

Request Review

@coderabbitai

coderabbitai Bot commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 5a2c29d0-155e-4437-9c4d-e8f84e7e452d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant