Repository navigation
Conversation
Tagline is now "The design system studio for humans and agents" across site meta, the root OG card and the README. Favicons and app icons are regenerated from the logo (espresso square, white dot), with an SVG favicon that inverts in dark mode, and the manifest theme colour matches. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KYQbbHEVub7J29bSnnXmKc
The 96px PNG and the unsized ICO outranked favicon.svg, so the tab icon never switched to the dark-mode mark. Size the ICO as the 32px fallback and drop the PNG. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KYQbbHEVub7J29bSnnXmKc
One cover renders the same login card under five presets, fanned and overlapped, beside the logo and tagline. `pnpm build:cover` screenshots /internal/cover into www/public/brand/cover/ at GitHub's 1280x640 and the 2400x1260 share size. The site's default og:image now points at it, and a Cover workflow regenerates it on PRs that touch presets or the registry. Forced-mode scoped providers now set color-scheme, so light-dark() tokens resolve to the pinned mode (a forced-dark card on a light page rendered a light surface). Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0173tEVFVdYHpvC86SQVDUR2
|
The latest updates on your projects. Learn more about Vercel for GitHub.
2 Skipped Deployments
|
github-actions
Bot
added
documentation
|
Important Draft PR not reviewedDraft PRs are not automatically reviewed by default.
To automatically review draft PRs, update your CodeRabbit configuration: reviews:
auto_review:
drafts: true
Comment |
The landing cards grid (three columns) under Origin, Linear dark and
Claude, cut into diagonal bands, replaces the fanned login cards. The
tagline uses the landing hero's type and sits vertically centred with the
logo. CardsGrid gains `side={false}` for a fixed three-column grid.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0173tEVFVdYHpvC86SQVDUR2
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0173tEVFVdYHpvC86SQVDUR2
…-ax67vo # Conflicts: # www/package.json # www/src/config/site.ts # www/src/routeTree.gen.ts # www/src/routes/__root.tsx
…to claude/project-thread-ax67vo # Conflicts: # www/public/brand/cover/github.png # www/public/brand/cover/og.png
This branch was successfully deployed
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
2 participants
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.
Requested by Mehdi · project thread
Summary
Before: the repo's social preview was the stale 2025 thumbnail, and the homepage share image was a text-only
/ogcard.After: one dark cover with the white dotUI wordmark in the centre and four preset containers around it in a pinwheel, running off the edges. Each container shows the studio preview canvas (the real cards) under a real preset in dark mode: Origin, Linear, Spotify and Airbnb. It is the GitHub social preview (
www/public/brand/cover/github.png, 1280×640) and the site's defaultog:image/twitter:image(og.png, 2400×1260). Docs pages keep their per-page/ogcards, and /studio keepsog-studio.png.How:
/internal/cover(dev-only, like/internal/specimens) rendersmarketing/cover.tsxwith real registry components through scopedDesignSystemProviders. Each container rendersCardsCanvasat one fixed zoom and crops it; theSLOTSlist sets each preset and position.pnpm build:coverstarts a dev server, screenshots the page at each size and writeswww/public/brand/cover/.Coverworkflow runs on PRs touching presets, the registry, the showcase cards,@dotui/colorsor the cover itself. It regenerates the images and commits them to the PR branch, so the cover always shows the real presets. Fork PRs are skipped. The workflows on that bot commit wait for an "Approve and run" click; aCOVER_TOKENsecret (a fine-grained PAT or app token with contents write) makes them run without it.DesignSystemProvider: a scoped provider withforcedModenow setscolor-scheme. Without it,light-dark()tokens such as--color-cardresolved to the page's mode, so a forced-dark card on a light page got a white surface. This also affects the preset picker's and docs demos' forced previews.siteConfig.og, which nothing reads any more.After merging, upload
www/public/brand/cover/github.pngin the repo's Settings → Social preview. GitHub has no API for that.🤖 Generated with Claude Code
https://claude.ai/code/session_0173tEVFVdYHpvC86SQVDUR2