One arm of a comparison · With Qloo

Night Shift Run Club, a phone app, with Qloo and without: Claude Code: With Qloo

Host: Claude Code 2.1.284
Model: claude-opus-5-5[1m]
Moûsa: 0.7.1
Started: 26 October 2026
Time: 16.4 minutes, 24 turns
Qloo requests: 13
Pictures: none: imagery drawn in SVG or CSS

Play it

The design's own files as the session left them, running sandboxed on a separate origin.

With Qloo Open full screen

10 of 10

design devices rest on what the model did not predict

The audience, as the person named itHaruki MurakamiLCD Soundsystem

70works measured, 7 of them predicted

18shared qualities, 2 predicted

24pacing, surface and tone tags, 1 predicted

13Qloo requests

The result

The captures of round 2, the last the agent reviewed: 4 criteria met, 0 partly, 0 missed.

phone, round 2 — phone · round 2 · judged in the review

board · demo:flash, round 2 — board · demo:flash · round 2 · judged in the review

phone · demo:tab=wall:flash, round 2 — phone · demo:tab=wall:flash · round 2

phone · demo:tab=odd, round 2 — phone · demo:tab=odd · round 2

board · demo:flash · full page, round 2 — board · demo:flash · full page · round 2

Before any data: the model's own prediction

Frozen before Qloo was asked, so what Qloo adds can be told apart from what the model already assumed. An entry a measured name matches is marked; the match is liberal, so it only lowers what counts as new.

The design the model would make from it alone

A near-black night app with a single moon-yellow accent, typewriter-mono labels and a literary serif, where each run is a numbered 'chapter' in a paperback-style logbook, the next run is shown as a countdown with a pulsing BPM beat, and a well-and-moon motif marks the fountain.

#0d0f14#f2c94c#e8e4da#3a4a6b#d94f3d

Type: Literata and Courier Prime

#next-run#rsvp#run-log#routes#streak#playlist

two moons
the fountain as a well
run log as numbered chapters
pulsing beat at 120 BPM
late-night jazz bar

The audience it expected

Literate, slightly melancholy urban night-owls in their 30s-40s who treat running as solitary meditation (Murakami's 'What I Talk About When I Talk About Running') and love dance-punk built on long, repetitive, building grooves. They prize vinyl, paperbacks, cats, jazz bars and the quiet strangeness of a city after dark.

Pacing

slow, contemplative pacinglong takesrepetitive structures that builddreamlike drift

Surfaces

minimalist measuredneon at nightanalog and vinyl warmthlo-fi grain matched Lo Fi (pacing)urban nocturnal

Tone

melancholicwistfulsurreal matched Surrealism (meaning quality)quietly euphoriclonely

Shared qualities

solitude in the cityrepetition as ritualparallel worlds and doorsnostalgiadance as release

The works it expected them to love

Brands

MujiUniqloBandcampPatagoniaMoleskineCriterion Collection

Twin PeaksAtlantaSeveranceBroad City measuredMidnight Diner

Films

Lost in Translation measuredIn the Mood for LoveBurningDrive My CarPatersonPerfect Days

Music

Talking HeadsRadioheadThe StrokesArcade Fire measuredHot ChipNew Order

Podcasts

This American Life measuredRadiolab measuredSong Exploder measured99% Invisible measured

Sealed at the freeze: SHA-256 7c125cab23726c125b257ccf80e4b559961ad0c77eea0ffcfb21f56b80b292f5. The prediction shown here still matches it.

What Qloo measured

What this audience loves, the qualities those works share and the tags ranked for it. New means the prediction did not contain it.

Look qualities

Energetic newin The Flaming Lips, Pixies and Pavement · ×1.65 as often as across audiences
Professional newin NPR, University of Illinois at Springfield and ShipStation · ×2.77 as often as across audiences
Minimalist predictedin The Velvet Underground, Spoon and NPR · ×1.12 as often as across audiences
Clean Typography newin MoMA, the Museum of Modern Art, NPR and Huffpost · ×1.97 as often as across audiences
Atmospheric newin Synecdoche, New York, Adaptation. and Forever · ×1.08 as often as across audiences

Mood qualities

Obsessive newin Being John Malkovich, The Devil and Daniel Johnston and City of God · ×3.01 as often as across audiences
Psychological newin Lady Dynamite, The Path and The Devil and Daniel Johnston · ×2.58 as often as across audiences
Character driven newin Lady Dynamite, Portlandia and Happyish · ×1.31 as often as across audiences
Nonlinear newin Lady Dynamite and Enter the Void · ×2.44 as often as across audiences
Psychedelic newin The Flaming Lips and Animal Collective · ×2.44 as often as across audiences

Meaning qualities

Surrealism predictedin The Flaming Lips, Animal Collective and Beck · ×3.26 as often as across audiences
Global Citizenship newin The New Yorker, MoMA, the Museum of Modern Art and Metropolitan Museum of Art · ×3.26 as often as across audiences
Indie music newin Happyish and Almost Famous · ×2.44 as often as across audiences
Obsession newin Search Party and Man in the Mirror · ×2.4 as often as across audiences
Humor newin Pavement and Beck · ×2.44 as often as across audiences

Pacing

Comic-Inspired newCinematic Intimacy newGritty Realism newPop Culture Savvy newRetro-Inspired newVisually Enchanting new

Surfaces

Modern Tailoring newParisian newArtsy newTrendsetting newVintage Inspired newArtistic new

Tone

minimalism newBohemian newRefined newInformative newCuriosity newquality new

Brands

The New Yorker newMinimalist Typography · Signature Serif Font · Classic Illustration Style
Vice newNews & Politics · Advertising Enabled · Television broadcasting companies of Canada
MoMA, the Museum of Modern Art newMinimalist Architecture · Modernist Design · Clean Typography
Getty Images newMass media companies established in 1995 · Photo agencies · Entertainment

Brands, lesser known

LA Kings newBlack And Silver Palette · Minimalist Logo Design · Iconic Visual Branding
Antonio Banderas newFashion

Black Mirror newBleak minimalism · Morally ambiguous · Self destructive
Lady Dynamite newFlashback driven · Whimsical · Humorous
Search Party newIdentity crisis · Obsession · Tbs
Forever newAtmospheric · Episodic · Thought provoking

Films

Synecdoche, New York newAtmospheric · Art and creativity · Electronic translator
Being John Malkovich newSurreal · Humorous · Obsessive
Adaptation. newAtmospheric · Charismatic · Creative writing
Gummo newFerocious minimalism · Fragmented · Transgressive

Films, lesser known

City of God newAtmospheric · Kinetic · Collage like
Control newClinical · Gritty · Cinematic

Music

The Flaming Lips newVisual · Energetic · Synth-Infused
Pixies newNoise Infused · Intense · Raw
TV on the Radio newIndie Rock · Soulful · Layered
Pavement newNoise Rock · Energetic · Post Punk

Podcasts

Radiolab predictedPodcasts · Natural Sciences · Society & Culture
Invisibilia newSociety & Culture · Podcasts · Social Sciences
This American Life predictedArts · Podcasts · Society & Culture
Hidden Brain newArts · Podcasts · Performing Arts

Cautions the measurement raised

Professional is carried mostly by brands (NPR, University of Illinois at Springfield, ShipStation): it is the design this audience sees every day. Translate the genre of that design, such as broadcast graphics, packaging type or signage, never a brand's logo, mascot, exact colours or products.
Minimalist is carried mostly by brands (NPR, Huffpost, Breather): it is the design this audience sees every day. Translate the genre of that design, such as broadcast graphics, packaging type or signage, never a brand's logo, mascot, exact colours or products.
Clean Typography is carried mostly by brands (MoMA, the Museum of Modern Art, NPR, Huffpost): it is the design this audience sees every day. Translate the genre of that design, such as broadcast graphics, packaging type or signage, never a brand's logo, mascot, exact colours or products.
Clean is carried mostly by brands (Evolve Vacation Rental, Breather, ShipStation): it is the design this audience sees every day. Translate the genre of that design, such as broadcast graphics, packaging type or signage, never a brand's logo, mascot, exact colours or products.
The audience "runners" matched no Qloo audience segment, so it did not contribute.

How the agent read it

Before deciding anything, the agent grouped what belongs together. Each cluster rests on a quality; the works are its evidence.

c1 · carries structure and interaction

The obsessive archive

InterpretationThis audience loves stories about people who keep, replay and re-order their own lives: obsession, flashbacks and nonlinear memory. A run club app for them should keep a meticulous record and let the past come back out of order.

How these works look, as a genre

indie psychological film production design: walls of index cards, labelled tapes and filing boxes kept in obsessive sequence
flashback cuts: a hard title card with a date before the remembered scene

Obsessive mood quality · newObsession meaning quality · newPsychological mood quality · newNonlinear mood quality · newLady Dynamite TV · newBeing John Malkovich film · newSynecdoche, New York film · newSearch Party TV · new

c2 · carries palette, motion and imagery

Energetic surreal noise

InterpretationThe music side measured as loud, raw and surreal rather than cool and nocturnal: noise-rock and psychedelic indie whose visual world is homemade, saturated and playful.

How these works look, as a genre

photocopied indie-rock gig flyers in two-ink riso: fluorescent pink overprinted on blue, slightly misregistered
psychedelic stage-light washes: saturated colour fields with hand-cut collage shapes

Energetic look quality · newSurrealism meaning quality · predictedThe Flaming Lips music · newPixies music · newPavement music · newComic-Inspired pacing · newArtsy surface · newVintage Inspired surface · new

c3 · carries typography, voice and layout

Public-radio clarity

InterpretationWhat this audience reads and listens to every day is clear, curious and informative: museum labels, public radio, idea podcasts. The information layer should be calm and exact so the noisy layer can be loud.

How these works look, as a genre

museum wall labels: a small clean grotesque, title, date and medium stacked flush left
public-radio show rundowns: segment times listed in a plain tidy column

Clean Typography look quality · newProfessional look quality · newMinimalist look quality · predictedNPR brand · newMoMA, the Museum of Modern Art brand · newRadiolab podcast · predictedCuriosity tone · newInformative tone · new

How the medium carries itA one-page phone app in two registers: a loud riso gig-flyer layer (blue ground, fluorescent pink and mint overprint, a misregistered fountain print) carries the energy and surrealism; a quiet museum-label and radio-rundown layer carries the facts, the RSVP and the numbers. Features follow the obsessive cluster: a wall of every Thursday, a log that resurfaces past runs as flashbacks, an archive of odd things seen on the run, and a pace planner laid out like a rundown.

Set aside as noise

Getty Images brand · new A stock photo agency: it measures the media this audience consumes, not a look or value it chooses.
Vice brand · new Its tags are corporate facts (news, advertising, Canadian broadcasting), nothing a design can translate.

The Design DNA

10 binding devices with literal tokens the check looks for in the files. 10 rest on what the prediction did not contain.

palette · dna1In the files

Two-ink riso night: fluorescent pink and mint overprinted on riso blue

Anchored to

Energetic look quality · newThe Flaming Lips music · new

Translates: Energetic · Visual

Through the convention: photocopied indie-rock gig flyers in two-ink riso: fluorescent pink overprinted on blue, slightly misregistered

InterpretationEnergetic is drawn the way photocopied indie gig flyers draw it: a saturated blue ground with fluorescent pink and mint inks that overlap and misregister, plus a cool paper white for the label cards. No brand's colours, the genre's ink set.

#2234a8#ff3fa4#3ce0a0#eef1f4#101544

Made with design-tokens for “Energetic surreal noise”: The ink set lives in tokens.json and :root custom properties so every surface uses the same riso inks.

Away from the sketch: 4 colours

typography · dna2In the files

Museum wall-label grotesque for every fact

Anchored to

Clean Typography look quality · newNPR brand · new

Translates: Clean Typography · Professional

Through the convention: museum wall labels: a small clean grotesque, title, date and medium stacked flush left

InterpretationClean Typography set as museum wall labels set it: a small, even grotesque, title then date then detail stacked flush left, sentence case, no tracking tricks.

Saw something odd on the run? File it before it turns ordinary.

Familjen Grotesk

text-align: left

Made with library-font for “Public-radio clarity”: Familjen Grotesk is fetched locally and set through a font token for all label and body text.

Away from the sketch: 1 type family

typography · dna3In the files

Flyer headline in a heavy poster grotesque

Anchored to

Energetic look quality · newPixies music · new

Translates: Energetic · Raw

Through the convention: photocopied indie-rock gig flyers in two-ink riso: fluorescent pink overprinted on blue, slightly misregistered

InterpretationThe loud register: one heavy, raw poster grotesque for the club name and the big numbers, set tight like a photocopied gig flyer headline.

Saw something odd on the run? File it before it turns ordinary.

Archivo Black

line-height: 0.92

Made with library-font for “Energetic surreal noise”: Archivo Black is fetched locally and set through a display font token for the name and big numbers.

Away from the sketch: 1 type family

imagery · dna9In the files

Two-ink fountain print

Anchored to

Artsy surface · newVintage Inspired surface · new

Translates: Artsy · Vintage Inspired

InterpretationAn artsy, vintage surface becomes an original drawing of an old park fountain built from flat cut shapes in pink and mint over blue, slightly offset like a riso pull.

#fountain-figuresvg#fountain-print

Made with inline-svg for “Energetic surreal noise”: A hand-built flat-shape SVG of the fountain with offset pink and mint layers.

Away from the sketch: 1 new part

motion · dna8In the files

Misregistration kick: the pink layer jumps out of register on each action

Anchored to

Comic-Inspired pacing · newEnergetic look quality · new

Translates: Comic-Inspired · Energetic

InterpretationComic-inspired pacing becomes a short stepped jolt: when a member commits or logs, the pink ink offsets in three hard steps and snaps back, like a misprinted panel. Runs once, never loops.

@keyframes misregisteranimation: misregister 420ms steps(3) 1

Made with css-motion for “Energetic surreal noise”: A stepped keyframe on the pink ink layer, triggered once per action, with a reduced-motion fallback.

voice · dna10In the files

Curious rundown voice: facts first, one question after

Anchored to

Curiosity tone · newInformative tone · new

Translates: Curiosity · Informative

InterpretationCuriosity and an informative tone replace my guessed melancholy: plain facts stated once, then a curious prompt that asks the runner to notice something.

Saw something odd on the run? File it before it turns ordinary.

Nothing on the wall yet. It starts with your first Thursday.

Pull an old Thursday out of order.

Made with copy for “Public-radio clarity”: The lines go into buttons, empty states and prompts.

structure · dna4In the files

The Thursday wall: every Thursday of the season as a card in a grid

Anchored to

Obsessive mood quality · newObsession meaning quality · newSearch Party TV · new

Translates: Obsessive · Obsession

Through the convention: indie psychological film production design: walls of index cards, labelled tapes and filing boxes kept in obsessive sequence

InterpretationObsession becomes the reward: not a streak number but an index-card wall of the last 24 Thursdays, each filled in with the route you ran, so gaps and runs are both kept in sequence.

#thursday-wallgrid-template-columns: repeat(6, 1fr)

Made with screen-layout for “The obsessive archive”: A six-column grid of 24 Thursday cards drawn from the stored log.

Away from the sketch: 1 new part

structure · dna6In the files

The oddity file: one strange thing seen per run, archived

Anchored to

Surrealism meaning quality · predictedBeing John Malkovich film · new

Translates: Surrealism · Surreal

InterpretationSurrealism becomes a feature: each member files the odd things they notice on the night run, and the app keeps them as a numbered catalogue of small strangenesses.

#oddities

Made with screen-layout for “The obsessive archive”: A form and a numbered list kept in localStorage.

Away from the sketch: 1 new part

interaction · dna5In the files

Flashback: an old run cuts back in with a dated title card

Anchored to

Lady Dynamite TV · newNonlinear mood quality · new

Translates: Flashback driven · Nonlinear

Through the convention: flashback cuts: a hard title card with a date before the remembered scene

InterpretationFlashback-driven, nonlinear memory becomes a control that pulls a random past run out of order and shows it behind a hard date card, with your own note and soundtrack line.

#flashbacktransition: transform 360ms steps(4)

Made with screen-layout for “The obsessive archive”: A button plus a card that flips in with a stepped transform, filled from a random stored run.

Away from the sketch: 1 new part

interaction · dna7In the files

Pace rundown: plan a finish time like a radio show rundown

Anchored to

Informative tone · newRadiolab podcast · predicted

Translates: Informative

Through the convention: public-radio show rundowns: segment times listed in a plain tidy column

InterpretationInformative becomes a planner: choose 5 or 10 km and a pace, and the run is laid out as a rundown of kilometre marks with clock times from 20:00, in tabular figures.

#pace-plannerfont-variant-numeric: tabular-nums

Made with screen-layout for “Public-radio clarity”: Route and pace inputs that produce a tabular rundown of kilometre clock times.

Away from the sketch: 1 new part

Away from the sketch

The design's palette, type and parts against the sketch frozen with the prediction. A colour counts as moved at a CIE76 difference of 20 or more from every sketch colour.

Sketch palette

#0d0f14#f2c94c#e8e4da#3a4a6b#d94f3d

Design palette: 4 of 5 moved

#2234a8ΔE 54 from #3a4a6b#ff3fa4ΔE 56 from #d94f3d#3ce0a0ΔE 59 from #e8e4da#eef1f4ΔE 8 from #e8e4da#101544ΔE 27 from #3a4a6b

Type

Sketch: Literata and Courier Prime. Design: Familjen Grotesk (new), Archivo Black (new).

Parts

Sketch sections: #next-run #rsvp #run-log #routes #streak #playlist

New in the design

#thursday-wall#flashback#oddities#pace-planner#fountain-figure

Questions asked while designing

Each question was asked with the agent's own guess written first, so the answer's difference stays visible.

What emotional tone runs through what they love?

The register of the interface copy: buttons, empty states and the next-run card.

The agent's guess, written firstWistful, melancholic and quietly literary: short sentences about the city at night, loneliness and the comfort of repetition.

Qloo's answer, 0 requests

Tone minimalism (new), Bohemian (new), Refined (new), Informative (new), Curiosity (new), quality (new)

What did I not expect?

What the app keeps and rewards: a quiet streak counter, or something closer to an obsessive, nonlinear archive.

The agent's guess, written firstA quiet streak counter and a chapter-numbered logbook would suit them; the difference will be small.

Qloo's answer, 0 requests

Not predicted Obsessive, Psychological, Global Citizenship, Energetic, Professional, Character driven, Nonlinear, Indie music, Obsession, Social Commentary, Morally ambiguous, Clean Typography

Predicted and measured Surrealism, Minimalist, Radiolab, This American Life, 99% Invisible, Arcade Fire, Song Exploder, Broad City, Lost in Translation, Lo Fi

Predicted, not measured Muji, Uniqlo, Bandcamp, Patagonia, Moleskine, Criterion Collection, Twin Peaks, Atlanta, Severance, Midnight Diner, In the Mood for Love, Burning

The review

The agent judged each criterion of its plan on the captures it took, then repaired what fell short. The verdicts are its own.

Both round-1 repairs landed: the pink ink prints in the fountain, the stock tab bar became a dashed tear-off strip and the accent-word headings became whole misregistered headings. The full board capture shows every feature working with data: RSVP, rundown, wall, flashback card, log with bests, and the numbered oddity file.

met

The phone screen reads as a two-ink riso flyer: blue ground, fluorescent pink and mint shapes, white label cards; not a near-black page.

Observed in r2-phoneRiso-blue dotted ground; the fountain now prints in two inks, mint basin and hills with fluorescent pink spray arcs, plume, moon and drops slightly off register; white label cards with pink and mint offset shadows; the tear-off tab strip in paper with a pink selected tab. Not a near-black page.

met

The club name sits in a heavy tight poster grotesque at the top of the phone screen, with facts below in a calm grotesque label.

Observed in r2-phoneNight Shift Run Club fills the top in the heavy tight poster grotesque, mint with a pink offset; the facts sit below in the clean grotesque, stacked flush left in the next-run label.

met

The Thursday wall shows a 6-column grid of dated cards with logged runs filled in pink or mint by route.

Observed in r2-board-demo-flashThe Thursday wall is a six-column grid of 24 dated cards, logged runs mint (5k) or pink (10k), empty weeks faded, the coming 29 Oct outlined with the 10k RSVP; '10 of the last 23 Thursdays' counts below.

met

The pace rundown lists kilometre marks with clock times in aligned tabular figures.

Observed in r2-board-demo-flashThe pace rundown lists km 1 to 4 and Finish with elapsed time and clock time from 20:06 to 20:30, digits aligned in tabular figures, the finish row ruled heavier.

Its three most generic choices, by its own eye

kept White cards with a solid offset colour shadow. kept for Energetic
kept Plain white form fields with a dark border in the log and oddity forms. kept for Clean Typography
kept A long run list of ruled rows with a delete link on each. kept for Obsessive

Would someone who loves The Flaming Lips, Pixies, Being John Malkovich, Synecdoche, New York and NPR take it for theirs?yes: The two-ink gig-flyer print, the loud poster headline and the tear-off strip read like the homemade indie world of the noise and psychedelic bands, while the Thursday wall, out-of-order flashbacks and numbered oddity file are the obsessive, slightly surreal record-keeping of the Kaufman films, held together by calm public-radio clarity.

What earlier rounds found short, and the repairs

Round 1: 3 met, 1 partly, 0 missed. The two-register idea works: a loud riso flyer around a calm museum-label core, and the archive features render with real data. The fountain loses its pink ink to a blend mode, the board header leaves a large empty field, and the tab bar and two-colour headings are generic app habits.

partly

The phone screen reads as a two-ink riso flyer: blue ground, fluorescent pink and mint shapes, white label cards; not a near-black page.

Observed in r1-phoneRiso-blue dotted ground, mint mountains and fountain, cool white label cards with pink offset shadows: it reads as a flyer, not a near-black page. But the pink ink layer of the fountain (spray arcs, plume, moon, drops) renders as a dark navy, because mix-blend-mode multiply on blue darkens it, so the second ink is almost missing from the drawing.

RepairRemove the multiply blend from the pink group so the fluorescent pink prints over the blue and mint, as an overprint does.

The check

Whether each device's declared tokens are in the project's files, through its own design system, and how much of the look models default to the page kept.

1.00 conformance · 10 of 10 devices in the files · design system: css-vars

dna1 presentdna2 presentdna3 presentdna4 presentdna5 presentdna6 presentdna7 presentdna8 presentdna9 presentdna10 present

Styling at the start: 0 hand-written declarations and 0 classes; now 378 and 104.

The look models default to: 1 of its 12 signatures on the page (one neutral sans for headings and text); at most 2 may stay.

Limits

Qloo measured the entities, tags and shared qualities named here and how they relate to this audience. Every colour, font, layout, motion and line drawn from them is the agent's interpretation, marked as such.
A name marked new was not in the prediction the agent froze before any data. Only names are published here: Qloo's ids, affinity scores, popularity and descriptions stay in the project.
The check shows that the declared tokens are in the files, not that the design is good. The review is the agent's own reading of its captures.
One session is one sample. It shows where this design's choices came from, not that people prefer it.

Back to the comparison