Skip to content

feat(ui): add animated blueprint hero illustrations - #912

Open
pasqualevitiello wants to merge 35 commits into
mainfrom
codex/blueprint-hero-illustrations
Open

pasqualevitiello wants to merge 35 commits into
mainfrom
codex/blueprint-hero-illustrations

Conversation

@pasqualevitiello

@pasqualevitiello pasqualevitiello commented Oct 24, 2026 •

Copy link
Copy Markdown
Contributor

Summary

Adds animated monochrome blueprint illustrations to the main, Particles, and 404 pages, with layouts defined directly in each page.

Main       → Avatar → Pill → Switch → Button → Card → Slider
Particles  → Workspace → Booking → Activity assemblies
404        → Request approaches an unreachable destination

Main and Particles retain their split heroes, with illustrations visible from 1024px up. Main keeps its CTAs; Particles keeps its search/filter beneath the left-aligned description. The 404 uses the S01 missing-destination drawing above its centered heading, original back-arrow button, and shared footer.

Animations play automatically without visible controls, stop when offscreen or in a background tab, and fall back to a static drawing for reduced motion or before hydration. The geometry and timing come from the Plotter experiments. Production components are self-contained, so this PR and the independent showcase/skill PR #914 can merge in either order. No animation package or shared page-hero component is introduced.

Main, Particles, and Chat use the heading treatment from #895. Main copy links Cal.com, Particles includes its live registry count, and Chat’s section dividers use the matching intersection markers.

Evidence

  • Before: centered introductions without the selected illustrations.
    After: animated construction drawings in the split heroes and a centered animated 404.
  • Scoped Biome checks passed for all 22 animation integration files.
  • UI and test TypeScript checks passed.
  • Browser checked at 1280px and 390px: home shape morphing, Particles assembly, 404 motion and back navigation. Home and Particles have no mounted animation on an initial mobile visit; neither page overflows horizontally.
  • Confirmed the 404 retains its footer and back-arrow icon. No runtime errors in the final Particles preview.
  • Earlier static-layout screenshots remain in the PR discussion; the new 404 drawing and motion supersede those illustration frames.

Merge Danger

Door: two-way

Reversible website presentation and animation changes.

Blast Radius: website

Affects the main, Particles, and 404 illustrations, plus the existing scoped page typography and layout changes. Registry component APIs remain unchanged.

@vercel

vercel Bot commented Oct 24, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
coss-com Ready Ready Preview Oct 25, 2026 2:48pm UTC
coss-com-ui Ready Ready Preview Oct 25, 2026 2:48pm UTC
coss-examples-calcom Ready Ready Preview Oct 25, 2026 2:48pm UTC
1 Skipped Deployment
Project Deployment Actions Updated
coss-com-origin Skipped Skipped Oct 25, 2026 2:48pm UTC

Request Review

@vercel
vercel Bot temporarily deployed to Preview – coss-com-origin October 24, 2026 20:24 Inactive
@vercel
vercel Bot temporarily deployed to Preview – coss-com-origin October 24, 2026 20:56 Inactive
@pasqualevitiello

Copy link
Copy Markdown
Contributor Author

Screenshots

Current desktop layouts at e6d243f (1280px wide).

Home

Home

Particles

Particles

Chat

Chat

404

404

This branch was successfully deployed

3 active and 1 inactive deployments
Preview – coss-com-ui — 426adbd1 Deployed Oct 25, 2026 by vercel[bot]
Preview – coss-examples-calcom — 426adbd1 Deployed Oct 25, 2026 by vercel[bot]
Preview – coss-com — 426adbd1 Deployed Oct 25, 2026 by vercel[bot]
Preview – coss-com-origin — 426adbd1 Deployed Oct 25, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant