design-infraEditorial (design system) vs similar
2 options side by side. Our @design-infra pieces render live under the design system you choose; upstream pieces show their live demo where the host allows embedding, otherwise a screenshot with a link to the real thing. Pick or pass, then copy the feedback for your agent.
Type scale
Display heading
Section headline
Body copy sits on the canvas with enough contrast to read for minutes, not seconds. Links look like this, and
inline codelike this.backgroundcardmutedaccentsecondaryprimarydestructiveborderNewBetav2.1EditorialWarmCalmWrites DESIGN.md to the project root + theme tokens + fonts. Read design-systems/editorial/DESIGN.md first.
$npx shadcn@latest add @design-infra/theme-editorialType scale
Display heading
Section headline
Body copy sits on the canvas with enough contrast to read for minutes, not seconds. Links look like this, and
inline codelike this.backgroundcardmutedaccentsecondaryprimarydestructiveborderNewBetav2.1drop-inMinimalKitchen-sink of the installed theme (swatches, type, buttons, form card). Install after a theme to eyeball it.
$npx shadcn@latest add @design-infra/theme-preview
Feedback for your agent
Pick or pass on each option (add a reason if you like), then paste this back into your agent's chat.
From design-infra compare — Editorial (design system) vs similar: (no picks yet) Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=oc/theme-editorial,oc/theme-preview&theme=soft-glass&label=Editorial+%28design+system%29+vs+similar