← Claude
Jack Roberts
Claude Fable 5 Just Changed Websites Forever
⏱ 17 min video · 2 min read12 Jun 2026Worth watching
TL;DR
Jack Roberts benchmarks Claude Sonnet 5 (called 'Fable 5' in the video) against Claude Opus 4 on three levels of website creation difficulty, showing that Claude Sonnet 5 produces dramatically superior designs from single prompts. He also explains how to manage token costs by using Max effort for initial builds then dropping to Medium for iterations.
Key points
1
Claude Sonnet 5 is ranked the world's number one design agent, winning 71% of head-to-head design arena matchups according to Anthropic benchmarks.
2
In a one-shot Laqua drink website test, Claude Sonnet 5 produced a significantly more polished, visually detailed result than Opus 4 with no additional prompting.
3
In a hard-mode test recreating an award-winning igloo website from awwwards.com, Claude Sonnet 5 produced an immersive, scroll-animated 'Monolith' site with depth and audio that far outclassed Opus 4.
4
The 'Design DNA extraction' technique involves prompting Claude to analyze an existing website's typography, color, spacing, and layout ratios, then rebuild those principles into a completely new site — avoiding any copyright issues while capturing design excellence.
5
Token management strategy: open builds on Max effort for the initial architecture, then drop to Medium for all subsequent iterations, since Medium on Claude Sonnet 5 reportedly outperforms the highest effort levels of competing frontier models.
Actionable insights
→
Use Max effort mode only for the first build to establish structure and design direction, then switch to Medium for all follow-up edits and iterations to dramatically reduce token spend.
→
For routine tasks like typo fixes, CSS tweaks, or copy swaps, use Claude Sonnet (not Sonnet 5) or Low effort mode — Max effort is wasteful for simple changes.
→
To build a high-quality website without being a designer, find an award-winning site on awwwards.com, feed it to Claude with a design DNA extractor prompt, and ask it to reimagine the design style for your own product — the output inherits professional design ratios without copying any content.
Notable quotes
“I have never seen something like this on first shot. This is freaking gorgeous. Look at the depth.”
“We don't need Albert Einstein mopping our floors. Medium is fine. Use max initially.”
“It knows not to have any more than five things. It has an eye for design and what design looks like.”
Worth watching?
✅
Worth watching the full video?
Watch if you want to see the live side-by-side website outputs — the visual comparisons are the core of the video and the Design DNA extraction technique is a genuinely useful workflow not widely covered elsewhere.
Saved you some time? The creator still deserves a like.
Want this for your own channels?
Add the channels you follow. Every new video summarised and in your inbox the moment it drops. From £4/month.
Try it free