design preview · for jonesy · apr 18 · 2026

Three mockups. One evening.

Research on Claude Design (shipped yesterday — April 17, 2026) plus two redesigns that show what the top 0.001% of the web is running right now, applied to your stuff. Tap through. Brand colors kept intact.

01 · research brief

What Claude Design actually shipped — and the quiet patterns the 0.001% are running.

Editorial brief covering the April 17 launch (Opus 4.7, reads your codebase, extracts your design system automatically), plus 10 specific principles borrowed from Linear, Vercel, Rauno.me, Ramp, Clay, Arc, and the 2026 Awwwards shortlist. Full reference list at the end.

02 · drjonesy.com redesign

Landing page, rebuilt. Same voice — "Lead with AI. Not Hype."

Full redesign: editorial serif + mono eyebrows, bento-style apps grid (RACEprompt span-2 because it's the revenue driver), 24-hour prototype consulting offer, RACE framework explainer, proof strip with real credentials. Brand navy + purple + teal preserved. Works top-to-bottom on mobile.

03 · carousel v2

"Everyone's frustrated with Claude. I had the opposite experience."

Seven square slides (1080 × 1080), stacked vertically so you can swipe by scrolling. Variable weight typography, asymmetric per-slide layouts, editorial serif italics on pivot words, restrained color. Full caption at the bottom. No throat-clearing slides.

What changed and why notes are embedded as comments at the top of each HTML file — open in view-source or a text editor to read the design rationale alongside the code. Each redesign lists ~10 specific 0.001% principles it embodies.