Site cohesion: converge on the design-system canon + landing stack section - #2
Merged
Merged
Conversation
A full-site cohesion audit found the design canon (typography.tsx constants, editorial/* components) had zero adopters — every page hand-rolled its own labels, buttons, cards, and headings. This sweep converges the drift onto the existing canon: - Eyebrows: every section label now uses EYEBROW_CLASS (tracking-[0.18em]); new EYEBROW_ON_INK_CLASS sage variant for dark panels - Buttons: one metric (rounded-md px-4 py-2 text-sm font-medium) via the PRODUCT_HERO_* constants + new PRIMARY_INK_BUTTON_CLASS; the no-fill border-ink/20 ghost is retired; dead MarketingButton.tsx deleted - Shadows: outer drop shadows stripped from marketing cards, tiles, and diagrams (inset edge-lights kept; functional overlays exempt) - Cards: flat bg-white/55 fills (no white gradients), border-ink/10 hairlines, p-7; pricing tiers unified onto one light surface; CatalogCard gains a highlight (pine-frame) prop - Legacy: zinc/shadcn tokens retokenized to the ink/paper family; #FF4500 and rainbow hues replaced with theme tokens; blog prose now renders via Prose surface="paper" - Headings: hand-written tracking converged onto HERO_H1_CLASS / SECTION_H2_CLASS / PRODUCT_HERO_H1_CLASS (now with depth-wash) - Shells: blog gains paper-grain; dynamic-apps/workflows/cloud gain the shared closing CTA; section rhythm unified on py-16 md:py-32 - Shared kit: glow pill surface and deploy card/button kit promoted to single modules (glowPill.ts, deployKit.tsx) - Deleted dead dark-era files: STYLING_CONSISTENCY_TODO.md, ArticleHeader, ArticleLayout, LandingHeader, PlatformIcons, CodeEditor Verified: production build (421 pages), zero remaining hits for the retired patterns, browser pass over every touched page. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…ned logo - New StackSection right after the hero: an indexed catalog of the four products (Actors highlighted as the primitive), giving Workflows and Dynamic Apps their first homepage presence - Actors and agentOS deep-dive sections unmounted from the landing page (components kept); flow is now Hero -> Stack -> Observability -> Integrations -> Hosting -> On-Prem -> CTA - Workflows and Dynamic Apps get real logo SVGs in the house format (white rounded-square outline + glyph, matching Actors/agentOS) and register in productLogos, upgrading ProductLockup, ProductBar, DocsLanding, and the stack cards in one place Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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
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.
Summary
A 10-agent audit of the site against the CLAUDE.md design system (96 findings → 11 verified themes) found the canon had zero adopters:
EYEBROW_CLASS,editorial/Eyebrow, andMarketingButtonwere imported by no page, and every surface hand-rolled its own labels, buttons, cards, and headings. This PR converges the whole site onto the existing canon, then reworks the landing page around a new product-stack section.Design-system sweep (
93cdda6)EYEBROW_CLASS/ newEYEBROW_ON_INK_CLASS(27 off-canontracking-[0.16em]variants eliminated)rounded-md px-4 py-2 text-sm font-medium) via thePRODUCT_HERO_*constants + newPRIMARY_INK_BUTTON_CLASS; the no-fillborder-ink/20ghost is retired; deadMarketingButton.tsxdeleted; button canon documented in CLAUDE.mdbg-white/55fills,border-ink/10hairlines,p-7; white gradients removed; pricing tiers unified onto one light surface (InkPanel reserved for code/terminal/data);CatalogCardgains ahighlightpine-frame prop#FF4500+ rainbow hues replaced with theme tokens; blog prose now rendersProse surface="paper"HERO_H1_CLASS/SECTION_H2_CLASS/PRODUCT_HERO_H1_CLASS(which now includesdepth-wash)paper-grain; dynamic-apps/workflows/cloud gain the shared closing CTA; section rhythm unified onpy-16 md:py-32; accent-spark rule restored (one ember per page on /startups and /agentos)glowPill.ts,deployKit.tsx); byte-identical duplicates deletedSTYLING_CONSISTENCY_TODO.md(prescribed the retired dark theme),ArticleHeader,ArticleLayout,LandingHeader,PlatformIcons,CodeEditor(all verified unreferenced)Landing page (
9426070)productLogossoProductLockup,ProductBar,DocsLanding, and the stack cards all upgrade at onceVerification
tracking-[0.16em], retired ghost buttons, white card gradients,#FF4500, hand-written-0.035em/-0.025emtracking, or zinc tokens on marketing surfaces (sanctioned exceptions: Learn dark-shell branches, functional overlay shadows)🤖 Generated with Claude Code