Art Direction Daily
IssueNO. 034
SessionWed 10 Jun 2026
Read≈ 5 min
QUOTE 01 Lead story Anthropic / Jun 09

Fablemaxxing, or how to drain a $100 plan in nine minutes

Anthropic's strongest model is included on paid plans only through June 22, and it spends tokens roughly twice as fast as Opus. Subscribers are racing to use the window before usage credits take over, and the restricted sibling stays behind a velvet rope either way.

INST 02

Claude Fable 5

$10 / $50 per million
tokens in / out
Class
Mythos, above Opus
Access
General release
Sibling
Mythos 5, restricted
Fallback
Opus 4.8, <5% of sessions
Burn rate
~2× Opus tokens
Plan window
Included through Jun 22
Retention
30 days, mandatory
Abstract market depth chart: an amber stepped curve and a parchment stepped curve climb toward each other and stop short, leaving a dark gap in the middle
Fig. 1 • The spread. Two order books for one model: what you can buy, what you can apply for, and the gap the classifier keeps.
STYLE 03

Today's Art Direction

Phosphor Terminal

A market data terminal: amber phosphor quotes on warm black, news as wire rows, one spread chart.

Trading consoles are one of the oldest dark interfaces in computing, and their discipline still holds: a near-black ground, one signal color reserved for live data, and prose kept in a calm neutral so the amber means something when it appears. The page is a grid of labeled panels, the masthead is a session status bar, and every section header works like a terminal function row.

The discipline transfers directly to product work: color-zone by data temperature, so numbers, prices, and codes get the phosphor while reading text never does. A dark theme stops looking generated the moment the accent follows a rule instead of a mood.

Ticker tape Quote tile Panel grid Wire row Stat readout Depth plate Status line
WIRE 04

Tooling

Primary sources first
Jun 09Lead

Anthropic launches Claude Fable 5 and Claude Mythos 5

Fable 5 is the first generally available model in Anthropic's Mythos class, a tier it places above Opus, priced at $10 per million input tokens and $50 out. Classifiers hand cybersecurity, biology, and distillation requests to Opus 4.8 instead, a fallback Anthropic says triggers in under 5 percent of sessions, and subscription plans include the model only through June 22 before usage credits take over.

anthropic.com
Jun 10

Fable 5 can drain a $100 plan's daily allowance in under nine minutes

Fable 5 spends tokens at roughly twice the rate of Opus 4.8 in plain conversation, and far faster in the new Workflow mode: BleepingComputer's test burned a million tokens in eight minutes. Call it fablemaxxing: subscribers are queueing their heaviest jobs inside the free window before June 23 turns on the meter.

ghacks.net
Jun 10

The retention string attached to Mythos-class models

The same announcement requires 30 day data retention for all Mythos-class traffic, on first and third party surfaces alike. Bedrock customers noticed, and a Hacker News thread is working through what AWS will now have to share with Anthropic.

news.ycombinator.com
Jun 09

Claude Fable 5 lists on Vercel AI Gateway day one

Vercel had the model live on AI Gateway at launch. For where the rest of the market sits, the gateway's June production index shows DeepSeek climbing the token volume charts while Anthropic keeps the largest share of spend.

vercel.com
TECH 05

Technique

Jun 10

How building an HTML-first site doubled our users overnight

A contractor replaced a failed React form with an Astro build that works without JavaScript, validates through a web component smaller than 1KB, and never loses entered data. Completions doubled at launch, largely users the old analytics never saw bounce.

mohkohn.co.uk
Jun 08

Scroll-driven, scroll-triggered, scroll states, and view transitions

Four scroll-adjacent CSS features now ship with confusingly similar names. CSS-Tricks walks the boundary lines between them so you can pick the right one before reaching for JavaScript.

css-tricks.com
FLOW 06

Workflow

Jun 10

An autopsy of Claude Code's deep research

Nikola Balic had Claude Code extract its own deep research workflow from its binary: one scoping pass, five parallel searches, three skeptics voting on every claim, and no second look at anything it finds. His test run spawned 98 agents on a single question, and his conclusion is that the reference harness is wide where the hosted products it resembles are iterative.

steel.dev
Jun 09

Xcode 27's agent skills work in Claude, Codex, and Cursor

Apple ships seven official agent skills with Xcode 27, and one export command makes most of them usable from any agent IDE. Antoine van der Lee sorts which skills travel and which stay device-bound, a practical follow-up to yesterday's Apple AI story.

avanderlee.com
LAB 07

Prompt Lab

Paste into your AI design tool

Today's idiom as a working brief. It recreates the phosphor terminal, including the one rule that keeps dark themes honest: the accent belongs to data, never to prose.

Design a dark market-data terminal page for a daily design-news briefing.
Archetype: a financial trading console rendered as a web page. Ground: warm
near-black (#131009), panels in #1B1710 with 1px #3A3220 borders and sharp
2-3px corners. One signal color: amber #FFB000, reserved for live numbers,
panel codes, prices, and link underlines; body prose is warm parchment
(#F2E9D8) and secondary text is #B5A78D. Type: a condensed engineering
display face (Saira Condensed 700, uppercase) for the headline and panel
titles, a neutral sans (Public Sans, 19px minimum, line-height 1.65 or more)
for prose, and a monospace (Fragment Mono) only for tickers, timestamps,
stat readouts, and source domains. Build: a top status bar holding the brand
and session metadata as bordered mono cells; a thin ticker strip of real
data points from the page itself; a two-column quote board with the lead
story on the left and an instrument tile on the right showing genuine
numbers as label-value rows; below, a grid of panels titled like terminal
functions (WIRE, TECH, FLOW), each news item a wire row with a mono date
cell, a linked headline, and one or two sentences of context. Add one
abstract phosphor depth-chart plate with no readable text in it. Guardrails:
WCAG AA contrast for every label on its actual surface, no neon glow, no
gradients, no cyan-on-black, no fake buttons or fake search fields, hover
states with about 150ms easing, and a prefers-reduced-motion fallback that
stops the ticker animation.
NOTE 08

Field Note

The strongest model on the market and the strongest model you can use are now different things on purpose. Plan your stack around the gate as much as the benchmark.

SRC 09

Sources