Skip to content

feat(og): redraw OG cards as the homepage hero - #454

Merged
harlan-zw merged 2 commits into
mainfrom
feat/og-rebrand
Oct 6, 2026
Merged

harlan-zw merged 2 commits into
mainfrom
feat/og-rebrand

Conversation

@harlan-zw

Copy link
Copy Markdown
Collaborator

🔗 Linked issue

None.

❓ Type of change

  • 📖 Documentation
  • 🐞 Bug fix
  • 👌 Enhancement
  • ✨ New feature
  • 🧹 Chore
  • ⚠️ Breaking change

📚 Description

Shared links still showed the old OG cards, with mono titles and the "Curated agent skills by humans" tagline. They no longer matched the homepage hero. Every card now repeats that hero as one still frame.

  • OgLayout draws the shared frame: the lockup centred at the top, the content centred under it, and Braille names in the margins. The lockup's dot stays the card's one rose element.
  • Titles use Plus Jakarta Sans 600 at −0.045em, like the hero H1. A Skill name shrinks to fit one line.
  • OgLines breaks two-line text into two lines of even length. The renderer's text-wrap: balance pushes balanced lines off centre, so the card splits them itself.
  • The homepage card shows the hero H1 and caption. It breaks the H1 after "for you", as the page does, and its alt text follows the H1.
  • Splash and Make a skill now use the Page card, so four templates remain. The OG file minimap code goes with them.

DESIGN.md records the frame as a decision and replaces the per-card texture table. COPY.md moves the homepage card from the tagline to the Home H1.

🤖 AI disclosure: Harlan Agent Kit modified this description. My AI open-source policy.

The cards still set titles in mono with the old tagline, so a shared
link looked like the site before its rebrand. Every card now centres
the lockup, a Plus Jakarta Sans title and its detail, with braille
names in the margins, matching the new hero.

The frame lives in OgLayout, so Splash and Make a skill became plain
Page cards and the per-card file minimap went with them. Two-line text
breaks evenly in OgLines, because takumi's text-wrap: balance shifts
balanced lines off centre.
@harlan-zw harlan-zw added the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 6, 2026
@harlan-zw

Copy link
Copy Markdown
Collaborator Author

🤖 Agent check of the new cards. They come from the real renderer in a local pnpm build served with wrangler dev, with the brand fonts. The page cards use each page's own og:image URL. Before shows production.

Before After
Before, home After, home
Before, CLI page After, CLI page
Before, Skill After, Skill
Before, curator After, curator

Edge cases, after only:

Collection Skill with a curator note 41 character Skill name
Collection Skill with note Long Skill name

@harlan-github-agent harlan-github-agent Bot added harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. harlan-agent-running An Agent holds a Task on this issue or pull request right now. and removed harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. labels Oct 6, 2026
@harlan-github-agent

harlan-github-agent Bot commented Oct 6, 2026 •

Copy link
Copy Markdown
Contributor

🤖 MERGED

Harlan Agent Kit posted this automated review. It is not Harlan's personal review or approval. AI open source policy. Last updated: 2026-10-06 03:59 UTC.

GitHub merged this pull request.

No material findings were recorded.

The pull request closed.

@harlan-github-agent harlan-github-agent Bot removed harlan-agent-running An Agent holds a Task on this issue or pull request right now. harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. labels Oct 6, 2026
The component coverage check failed because OgLines renders only inside OG images, like OgBrand and OgLayout, so no axe test mounts it.
@harlan-zw harlan-zw added the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 6, 2026
@harlan-github-agent harlan-github-agent Bot added harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. harlan-agent-running An Agent holds a Task on this issue or pull request right now. and removed harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. harlan-agent-running An Agent holds a Task on this issue or pull request right now. harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. labels Oct 6, 2026
@harlan-zw
harlan-zw merged commit 16fb26e into main Oct 6, 2026
7 checks passed
@harlan-zw harlan-zw added the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant