Art Direction Daily — a daily field report on agentic web design

Figma's new system check finds the hover state nobody drew

Figma Guidelines put a design system's rules inside the published library for coding tools, and system checks flag missing descriptions and interactive states. A design-system docs page on a blush drafting grid, Schibsted Grotesk with Spectral, with an ink spine masthead and release-status labels as section markers.

Friday · 16 October 2026≈ 5 minIdiom: The State Specimen

Read the current issue →

Archive

157 issues Each issue re-designed in a new visual idiom.

Issue 157 — Figma's new system check finds the hover state nobody drew

Status LabelsDocs SidebarDrafting Grid

Issue 156 — Figma Make sites now ship with an admin panel the client can run

Handover Workshop

Buy-Box RailLesson NumeralsFlat Marigold

Issue 155 — Accordions stop guessing their height in Safari's preview build

Fold-Out Programme

Session SlotsTicket StampPinstripe Stock

Issue 154 — Mark up an image in Lovable and the original stays untouched

Tool RailComment PinsFilm Noise

Issue 153 — Lovable cut its pick-a-look step. Your prompt is the brief now.

Choice TilesStep CounterDot Canvas

Issue 152 — Nano Banana 2.1 can finally draw an 8:1 image in one piece

Route StripCarriage PlatesHalftone Fade

Issue 151 — Same JPEG, 144 KB lighter: Chrome 155 decodes JPEG XL

Range BarSpecimen SheetBlock Tile

Issue 150 — Hover, hovered, mouse-over: Figma's agent picks one name

Compare SeamCriteria TableColour Bands

Issue 149 — Draw the box and FLUX 3 changes only what sits inside it

Coordinate OverlaysBox ScheduleSpine Masthead

Issue 148 — The design system docs people skipped now get read every time

Live Token TableMargin StampsCut-Paper Cover

Issue 147 — Claude Code's window is now a page you can redesign

Stamped Buy-BoxExploded StackLight-Table Gallery

Issue 146 — Codex rebuilt three GSAP demos as Webflow animations you can retime

Ticket Buy-BoxRunning Order RailGouache Plate

Issue 145 — Figma saves an ease curve the way it saves a color

Curve CellPlay-in-RowAirbrush Ground

Issue 144 — Webflow now retranslates only the words you changed

Word MeterPlan CompareRiso Diagram

Issue 143 — CSS tabs finally tell a screen reader they are tabs

Spine MastheadValue WellScroller Tabs

Issue 142 — Which is harder to generate: a coat of arms or a Japanese mon?

Query SentenceResult TabsRule of Tincture

Issue 141 — Safari 27 lets a tilted card keep its label

Night Table HeroProducer HeaderPour Row

Issue 140 — One card, three, or seven: now a container query can count them

Empty Tray HeadlineState RailCount Rule

Issue 139 — The rotate-and-flip hack retires as Figma auto layout wraps vertically

Screenprint Launch

Full-bleed PrintHeadline SlotStep Cards

Issue 138 — Remix a Framer template and its house rules come with it

Subscribe CardEmail HeadersLetter Panels

Issue 137 — Five creatives built six tools in Google Flow. Copy any of them

Sequence GalleryHang TagAccordion Rows

Issue 136 — Who approved that bounce? In Webflow, the Interactions panel knows

Date RailSticky ColumnHalftone Screen

Issue 135 — Three engines now let the box hug the letters

Specimen RibbonTrimmed StripProof Sheet

Issue 134 — Toolcraft hands an agent the parts to build your own design app

Community Listing

Icon LockupScreenshot RailCut-Paper Plates

Issue 133 — ChatGPT's browser can now build a WordPress site while you watch

Canvas HeroTool-Call RowUI Captures

Issue 132 — One npm token puts your private design system inside v0

Commission PanelProject-Sheet RowCyanotype Plates

Issue 131 — Claude folded its design tool into the chat window

Seal StampRollout TableCopperplate Plates

Issue 130 — The card that asks the viewport breaks in the sidebar

Vertical SpineVerdict TableLive Container Demo

Issue 129 — Safari 27 ships the styleable select. Now two engines draw the dropdown in CSS

Component Reference

Docs TreeLive SelectSpecimen Sheet

Issue 128 — gpt-image-2.5 learned what not to change. It also drew this page

Hang TagVariant CardsCare Labels

Issue 127 — One CSS keyword ends the sticky header bug every carousel caused

Nameplate LockupHalftone DiscProof Strip

Issue 126 — Penpot can finally outline a stroke. It took a new renderer

Ticker StripProgramme CardTrack Badges

Inline BylineService RowsAsset Rows

Issue 124 — The tools passed three times. The page scored 40, 80, and 85

Breadcrumb RailGrade StripCriterion Bars

Issue 123 — Every AI builder writes Tailwind. Shopify now pays the bill

Toned CyanotypePostmark MastheadStamp Markers

Issue 122 — Bolt turns ten small edits into one prompt you never type

Index TabsCorrection SlipsCut Sheets

Issue 121 — Framer pulls three more heroes out of the one you already built

Spine MastheadProof StripDrawer Labels

Issue 120 — Every breakpoint on one canvas: the agent's edit has nowhere to hide

Buy BoxSize RunHotspot Pins

Issue 119 — Bold was a checkbox. In Figma it is now a number

Endpaper Editions

Comparison SpineMarbled GroundShelf Labels

Issue 118 — GPT-6 Astra builds the site, hosts it, then clicks through it

Inspection Certificate

Perforated CouponsTicket StubEngraved Plates

Issue 117 — The Figma shader you flattened to a PNG now ships as code

Stage RailMeasured ScrimDrop Rows

Issue 116 — What happens when Webflow stops requiring Webflow?

Presentation Model

Grid BubblesView SwitchFacts Block

Identity Manual

Standard SheetsChip LadderVerdict Plates

Issue 114 — CSS can finally roll its own dice

Capsule Machine

Coin SlotCapsule GlobeSeries Plates

Issue 113 — htmx's CEO is banning AI from the shop every Friday

Week StripDocket RowsPledge Card

Issue 112 — Vibe coding just went multiplayer

Buy BoxSpec ChipsRulebook Steps

Issue 111 — htmx 4 would rather reshape your page than replace it

Process StripKiln CardsGlaze Chart

Issue 110 — Nvidia is buying the shelf where open models live

Wall LabelRoom NumbersPolka Dot

Issue 109 — A streaming service just shipped your next UI typeface

Launch Provider

Starfield HeroTelemetry StripConstellation

Issue 108 — Stop pinning the chatbot to the corner of the page

Answering Service

Routing BoardPatch-Bay LabelsTeletype Form

Issue 107 — ChatGPT's menu now includes a website builder

Now-Serving TicketParked-Spots BoardRoute Stops

Issue 106 — Your website builder finally learned to ask first

Measurement Sheet

Commission SheetSwatch RailFitting Stages

Issue 105 — Browsing agents are done squinting at screenshots

LightboxFilm PlatesFindings Report

Issue 104 — Meta's Pocket turns prompts into playable posts

Snap RailClay GizmosPixel Levels

Issue 103 — Vibe coding just lost its private tab

Schedule SpinePlank NameplateInspection Gate

Issue 102 — A million dollars says you can't get out of this room

Cut PaperRoom DossierPayout Ladder

Issue 101 — Would 42 million visitors notice if you swapped the framework?

Tale of the TapeCorner ColorsHalftone Duotone

Issue 100 — Cursor built your code a new house. The agents already live there.

Packing TapeTransfer ManifestInventory Lot

Issue 099 — The design file was your website all along

Selection ChromeProperty DiffPaste-Up

Issue 098 — Stop paying frontier rates for search

Power Authority

Night MuralMerit OrderBill Stub

Issue 097 — The model is the soul. The harness is suddenly the story.

Exploded ViewFigure KeyFitment Chart

Issue 096 — Would your site notice a scanner dressed as Googlebot?

Entry StampArrivals LedgerGuilloche Paper

Issue 095 — Figma's newest front door is somebody else's chat window

Selvedge StripSyllabus RowsWoven Ground

Issue 094 — Thirty billion parameters, zero bars of signal

Buy BoxHang TagSpec Plate

Issue 093 — Claude Code sessions can now message each other

Route SpineRouting SlipCapsule Card

Issue 092 — A browser no human will ever see

Snellen ChartRx CardEtched Plates

Issue 091 — OpenAI, Microsoft, and Vercel just agreed on one box

Stencil MastheadCargo ManifestBay Plates

Issue 090 — An operating system where every app starts as a prompt

Menu BarWindow ChromeDesktop Icons

Issue 089 — Twenty years of code smarts, now on tap in any editor

Hook-Up StepsCoverage BoardOutage Notice

Issue 088 — A perfect 10 for a bug that never existed

Salon WallWall LabelsX-Ray Plate

Issue 087 — When someone asks an AI for the best in town, who comes up?

Display ListingDot LeadersTab Letters

Issue 086 — No sessions, no handshake: MCP's biggest rewrite yet

86 BoardLeader DotsChalk Emblem

Issue 085 — The AI builder just handed you the knobs

Control Surface

Keyed Spec MapFaceplate BandsMachined Knobs

Issue 084 — Who is your dev environment actually for?

Floor PlanRoom KeysGouache Lobby

Issue 083 — Write fewer rules. The agent isn't reading them.

DeclarationsEndorsementsGuilloche Seal

Issue 082 — Anthropic says it never wanted an open-weights ban

Listing GalleryHome FactsBuyer's Math

Issue 081 — Lovable turned a hacker swarm on itself

Signal FlagsCourse KeyRace Card

Issue 080 — What happens when the worker can delegate?

Open RoleCandidate RosterPlacement Receipt

Issue 079 — Anthropic deleted 80% of Claude Code's system prompt

Red PencilMarginalia RailEdit Ledger

Issue 078 — 20-second films with sound, from one model

Title CardTimecoded ReelsEnd Credits

Issue 077 — Webflow wrote the new hire an employee handbook

Orientation Packet

Index TabsDay-One AgendaAccess Matrix

Issue 076 — Vercel's agent takes the on-call shift

Work-Order SlipApproval StampJob Tickets

Issue 075 — Google shipped three Flash tiers. Pick one.

Plan CardsAnchored TierPrice Matrix

Issue 074 — The coding agents broke out of their sandboxes

Security Advisory

Severity TableStatus BannerFixed-In Rows

Issue 073 — Qwen 3.8 sets the table

Menu CoverPrice ColumnCourse Dividers

Issue 072 — Stack Overflow is museum material now

Closing Retrospective

Banner SpineDidactic ChartAccession Cards

Issue 071 — Open models took the majority. The gap reopened anyway.

Lanyard BadgeTimetable RailPass Tiers

Issue 070 — Kimi K3 can't stop thinking

Electrolyte Launch

Cutout HeroNutrition LabelBuy-Box

Issue 069 — 265 million people just got a paste-up desk

Job TicketCrop MarksRubylith

Issue 068 — The meter starts before you type

Phantom Load Statement

Tariff TableUsage BarsGreen-Bar Paper

Issue 067 — Perfect lines are suspicious now

Plate StripCalibration GridFrame Counter

Issue 066 — Terence Tao's 1999 applets run again

Conservation Studio

DiptychCaption RailCondition Report

Issue 065 — The tangent gets its own thread

The Night Study

MarginaliaDagger AnchorsBookplate

Issue 064 — Sol, Terra, and Luna are open for work

The Celestial Atlas

Plate FrameEphemerisScale-True

Issue 063 — Vercel gives its agent a badge

Show-Day Run Sheet

LaminateRun SheetStage Door

Issue 062 — One public issue can drain your private repos

Emergency Leak Detection Service

Work OrderPipe RouteCall-Out Ticket

Issue 061 — CSS starts cutting its own edges

Cut Edge Drafting Studio

Cut EdgeShape ProofBorder Path

Issue 060 — AI code review needs a flight desk

Airport Night Operations Desk

Risk RunwayGate LaneRelease Stamp

Issue 059 — The default component shelf just moved

Component Hardware Store

Parts CounterSample TrayProof Ledger

Issue 058 — Put the agent's workspace in a sealed tray

Civic Evidence Desk

Quarantine TrayDocket StripBoundary Seal

Issue 057 — The tools need a route through the greenhouse

Conservatory Route Map

Route LineGlasshouse HubTransfer Node

Issue 056 — Pick the interface before you pick the model

Interface Fit Table

Fit TableMode SwatchReview State

Issue 055 — The web starts charging agents at the door

Concert Ticket Box Office

Ticket StackBox OfficeAgent Pass

Issue 054 — Cursor puts the build in your pocket

Italian Futurist Poster

Type as ShapeForce LinesRelease Landing

Issue 053 — The mockup stopped being a picture of the build

Scandinavian Folk Textile

Folk FloralColor ZoningHomeware Lookbook

Issue 052 — GPT-5.6 is out, and Washington decides who gets in

Mid-Century Jazz Record Sleeve

Duotone CoverTrack ListingCondensed Lockup

Issue 051 — Animate in Figma, leave with React

Psychedelic Concert Poster

Concentric RingsRunning OrderTicket Stub

Issue 050 — The hard part is no longer writing the UI

Matisse Cut-Paper Collage

Cut-Paper ShapeCase CardStudio Portfolio

Issue 049 — Is your prototype ready to stand up a real product?

Vintage Apothecary Label

Label CartoucheEngraved PlateFacts Panel

Issue 048 — Your design tool can see the open web now

Fashion Magazine Editorial

Cover LineDidone NameplatePull Quote as Art

Issue 047 — Finish the design, get back a live URL

Aizuri-e Woodblock

Aizuri-e IndigoMatted PlateWall Label

Issue 046 — The thinking it shows you isn't the thinking that shipped

Pop Art Screenprint

Ben-Day DotsSpeech BubbleFeature Block

Issue 045 — The agent moved into your tools, and started showing its work

Art Nouveau Editorial

Decorated MarginDrop CapWhiplash Frame

Issue 044 — Claude Code can now publish the page it just built

Mid-Century Lifestyle Catalog

Issue 043 — Are the days of constantly authorizing your agents almost over?

Art Deco Travel Poster

Stepped CartoucheSunburst RulePorts of Call

Issue 042 — Build the idea, skip the scaffolding underneath it

Bauhaus Primary Poster

Primary BlocksShape LegendDiagonal Rule

Issue 041 — Design just learned to branch and merge

Branch Review Console

Branch GraphCommit CardDiff Hunk

Issue 040 — Your code editor now answers to a rocket company

Broadsheet Front Page

DatelineHalftone PlateFact Box

Issue 039 — Design systems shrank to one file, and it's called DESIGN.md

Design System Reference

Token TableSpec SectionGuideline Entry

Issue 038 — Production became the place design starts

Vector Design-Tool Workspace

Layers PanelNamed FrameInspector

Issue 037 — Everyone on Fable is back to Opus this morning

Model Hub Listing

Catalog HeaderSpec PanelStatus Pill

Issue 036 — A million agents keep rediscovering the same fix

Encyclopedia Dark

InfoboxContents RailReference Superscript

Issue 035 — An AI agent talked its way into the Fedora installer

Security Advisory

Field RegisterDisclosure TimelineAnalyst Note

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

Phosphor Terminal

Ticker TapeQuote TileWire Row

Issue 033 — Apple stopped building the brain inside Siri

Section RailPreference RowState Badge

Issue 032 — Your generated site has a tell, and clients are learning to spot it

Board LaneLabel ChipCount Badge

Issue 031 — Software's center of gravity just moved from writing to reviewing

Vote GutterAccepted CheckAnswer Card

Issue 030 — The free tier is now the model on your laptop

Tier ColumnPrice ChipComparison Matrix

Issue 029 — Developers would rather write docs for robots than for each other

Contents TreeTopic PaneNote Box

Issue 028 — First OpenClaw, now Vite: open source keeps moving in with the giants

Timeline RailChange RowVersion Chip

Issue 027 — The model that builds your site is now the cheap part.

Listing CardSticky MapMap Pin

Issue 026 — What changes when Codex ships from inside AWS?

Status CellUsage BarFilter Chip

Issue 025 — Vibe coding got a more serious name this year.

Buy BoxSpec RowStar Rating

Issue 024 — Soon the most important visitor to your page never sees it.

Command Palette

Command RowKbd KeyAction Bar

Issue 023 — The canvas now opens the pull request.

Diff HunkReview ThreadMerge Box

Issue 022 — Agent work needs review bays.

Galley ProofCorrection FlagSignoff Stamp

Issue 021 — Private connectors enter the builder flow.

Endpoint CardRoute TagTrust Label

Issue 020 — Agent consoles need attention state.

Attention RingPermission LaneSplit Pane

Issue 019 — Agent work needs a transfer map.

Route LineTransfer DotKiosk Card

Issue 018 — Permission banners for agent work.

Ribbon BarSewn EdgeCivic Textile

Issue 017 — The work surface is the brief.

Overprint DriftSeed PacketCrop Row

Issue 016 — Agents need a record of scope.

Stone RubbingVellum OverlayScope Ledger

Issue 015 — The agent needs the room.

Exploded ViewLeader LineSpot Color

Issue 014 — The canvas becomes the agent workbench.

Wall labelPlinthReview tape

Issue 013 — Fast models need a pit wall.

Lap BoardSector SplitPit Wall

Issue 012 — The browser run becomes a skill.

Library Card Catalog

Tab DividerCall NumberDue-Date Stamp

Issue 011 — The button is becoming a tool.

Airport Wayfinding

Gate CodesYellow ArrowsTerminal Board

Issue 010 — Design systems start shipping for machines.

Vaporwave / VHS

Sunset GradientWireframe HorizonCRT Bleed

Issue 009 — The accessibility tree is the new sitemap.

Cut PaperSpartan CapsAsymmetric Grid

Issue 008 — Agents draw before they build.

Sumi-eBokashi WashWashi Paper

Issue 007 — Run the fleet.

Signal FlagHoistCode Book

Issue 006 — Code review is visual now.

Pressed Specimen Folio

Title PlatePressed SpecimenBinomial Italic

Issue 005 — Edit the running page. Ship the diff.

Architectural Blueprint

Plan ViewTitle BlockDatum Line

Issue 004 — Agents enter the canvas.

SquiggleTerrazzoConfetti Dot

Stamped CapsHairline RuleTitle Block

Issue 002 — Markdown is over. The agents prefer HTML.

Glass / GlossInner HighlightLens Flare

Issue 001 — Agents are shipping the web now.

Spot ColorOverprintMisregistration

Art Direction Daily · A field report on agentic web design Edited by Robby McCullough Follow @artdirdaily Type set in Anton, Manrope, & Newsreader italic Updated 16 October 2026

A field experiment from the team behind Beaver Builder AI.