One arm of a comparison · Without Qloo

A record shop's website, for people who love Taylor Swift and Gilmore Girls: Without Qloo

Host: Kiro 2.24.0
Model: claude-opus-5.5
Moûsa: 0.6.0
Started: 23 October 2026
Time: 6.6 minutes
Qloo requests: 12
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.

Without Qloo Open full screen

design devices rest on the model's own prediction, with no Qloo data

The audience, as the person named itTaylor SwiftGilmore Girls

47entries in the prediction

0Qloo requests

7design devices over 7 layers

The result

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

mobile · crates, round 2 — mobile · crates · round 2 · judged in the review

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

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

desktop · tracklist, round 2 — desktop · tracklist · round 2 · judged in the review

Before any data: the model's own prediction

Frozen before the design began. Without Qloo it is the whole taste input.

The design the model would make from it alone

A cozy autumnal one-pager like a small-town diner noticeboard: cream paper, burgundy and mustard, a big editorial serif with handwritten margin notes, a spinning record hero, and a weekly listening-session card.

#f4ead8#7a2e2a#d9a441#3b4a3a#2a1f1a

Type: DM Serif Display, Literata and Caveat

#hero#crates#listening-corner#thursday-sessions#visit#newsletter

slowly spinning vinyl
handwritten margin notes
coffee-ring stains
autumn leaves
friendship-bracelet beads

The audience it expected

Millennial and Gen Z fans of confessional, narrative songwriting and cozy small-town comfort TV; they love autumn, books, coffee, nostalgia and witty, warm talk, and collect vinyl variants as keepsakes.

Pacing

cozydialogue-drivenslow-burnsmall-townheartwarming

Surfaces

autumnalcottagecorevintagewarm lightinghandwritten

Tone

nostalgicbittersweetwittyromanticcomforting

Shared qualities

coming of agesmall-town communityheartbreak and healingmother-daughter bondsstorytelling through lyrics

The works it expected them to love

Brands

Urban OutfittersStarbucksBarnes & NobleAnthropologieFree PeoplePolaroid

Films

Little WomenYou've Got MailWhen Harry Met Sally...Pride & PrejudiceThe HolidayNotting Hill

Music

Phoebe BridgersOlivia RodrigoLana Del ReySabrina CarpenterGracie AbramsBon Iver

Books

The Seven Husbands of Evelyn HugoNormal PeopleIt Ends with Us

FriendsGilmore Girls: A Year in the LifeHart of DixieThe O.C.Grey's AnatomyVirgin River

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

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 palette, layout and motion

Autumn in a small town

InterpretationA shared picture of belonging: a warm-lit shop on a street where people know each other, in a season of sweaters and coffee. The shop should feel like a place regulars return to.

small-town community quality · own predictioncozy pacing · own predictionautumnal surface · own predictionwarm lighting surface · own predictionGilmore Girls: A Year in the Life TV · own predictionStarbucks brand · own predictionBarnes & Noble brand · own predictionVirgin River TV · own prediction

c2 · carries typography, voice and imagery

Lyrics as diary

InterpretationThey love songs as confessions and chapters; heartbreak that heals into something told. Handwriting and margin notes make the shop's voice personal, a little sad, a little funny.

storytelling through lyrics quality · own predictionheartbreak and healing quality · own predictionhandwritten surface · own predictionbittersweet tone · own predictionPhoebe Bridgers music · own predictionOlivia Rodrigo music · own predictionGracie Abrams music · own predictionLittle Women film · own prediction

c3 · carries structure, interaction and imagery

Keepsakes and coming of age

InterpretationRecords as objects that mark eras of a life: vintage finds, instant photos, a crate dug through slowly. The structure can follow a record's sides and eras.

coming of age quality · own predictionnostalgic tone · own predictionvintage surface · own predictionPolaroid brand · own predictionUrban Outfitters brand · own predictionwitty tone · own predictionslow-burn pacing · own prediction

How the medium carries itA one-page static site on cream paper with burgundy, mustard and forest ink. A large editorial serif carries headings, a readable serif the body, and a handwritten script the margin notes. The page is arranged like a record: Side A (the shop, crates, listening corner) and Side B (Thursday sessions, visit, newsletter), with a slowly spinning SVG record in the hero, polaroid-style cards for the crates, and copy that is warm, witty and a little bittersweet.

Set aside as noise

Grey's Anatomy TV · own prediction A hospital drama; its taste is serial melodrama, not the cozy shop register this page needs.
It Ends with Us book · own prediction Its themes of abuse sit badly as a lighthearted record-shop reference.

The Design DNA

7 binding devices with literal tokens the check looks for in the files. Each rests on the model's own prediction.

palette · dna1In the files

Cream paper, burgundy and mustard under lamp light

Anchored to

small-town community quality · own predictionautumnal surface · own predictionwarm lighting surface · own prediction

Translates: small-town community · autumnal · warm lighting

InterpretationA small-town autumn becomes cream paper ground, burgundy for the headlines and buttons, mustard for highlights like a lamp, forest green for quiet accents and near-black coffee ink for text.

#f4ead8#7a2e2a#d9a441#3b4a3a#2a1f1a

Made with css-palette for “Autumn in a small town”: Colours held in custom properties and used across the page.

typography · dna2In the files

Confessional editorial serif with handwritten margin notes

Anchored to

storytelling through lyrics quality · own predictionheartbreak and healing quality · own predictionhandwritten surface · own prediction

Translates: storytelling through lyrics · heartbreak and healing · handwritten

InterpretationLyrics read like diary pages: a big warm display serif for headings, a bookish serif for body, and a casual handwriting script for notes scribbled beside the text.

Sad songs, warm room.

DM Serif Display

Sad songs, warm room.

Literata

Sad songs, warm room.

Caveat

transform: rotate(-3deg)

Made with library-font for “Lyrics as diary”: The three families are fetched locally and set for headings, body and notes.

imagery · dna4In the files

Hand-drawn record on a turntable with falling autumn leaves

Anchored to

vintage surface · own predictionautumnal surface · own prediction

Translates: vintage · autumnal

InterpretationVintage surfaces become an inline SVG turntable with a burgundy-labelled record, grooves, a tonearm and a few drawn leaves.

#herosvg#hero-record

Made with inline-svg for “Keepsakes and coming of age”: No generator here; an inline SVG draws the turntable and leaves.

motion · dna3In the files

Slow turntable spin with a pause button

Anchored to

cozy pacing · own predictionslow-burn pacing · own prediction

Translates: cozy · slow-burn

InterpretationCozy, slow-burn pacing becomes a record turning at an unhurried pace, with a gentle staggered fade-up for sections and a pause control.

@keyframes spin-slow@keyframes rise-inanimation: spin-slow 14s linear infinite

Made with css-motion for “Autumn in a small town”: Keyframes spin the record and fade sections in, with reduced-motion and pause fallbacks.

voice · dna5In the files

Bittersweet, witty shop talk

Anchored to

bittersweet tone · own predictionwitty tone · own predictionPhoebe Bridgers music · own prediction

Translates: bittersweet · witty

InterpretationSad-song confessions with a wink: short lines that admit records are for feelings, then make a joke of it.

Sad songs, warm room.

Every era of your life deserves a soundtrack. Come dig for yours.

We put the needle down at 19:30 and listen together, start to finish.

Made with copy for “Lyrics as diary”: Written lines carry the voice around the fixed facts.

layout · dna7In the files

Instant-photo crate cards, tilted and pinned

Anchored to

Polaroid brand · own predictionUrban Outfitters brand · own predictionvintage surface · own prediction

Translates: vintage

InterpretationKeepsake instant photos become white-bordered cards with thick bottom margins and slight tilts that straighten on hover, holding the shop's offer.

#cratestransform: rotate(2deg)transition: transform .4s ease

Made with css-layout for “Keepsakes and coming of age”: Cards with borders, rotations and hover transitions in CSS.

structure · dna6In the files

The page as a record: Side A and Side B tracklist

Anchored to

coming of age quality · own predictionnostalgic tone · own predictionLittle Women film · own prediction

Translates: coming of age · nostalgic

InterpretationGrowing up in chapters becomes a tracklist: the page is split into Side A (the shop) and Side B (the gatherings), each section numbered like a track.

#side-a#side-b#tracklist

Made with css-layout for “Keepsakes and coming of age”: Sections with ids and a tracklist nav laid out in CSS.

Away from the sketch: 3 new parts

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

#f4ead8#7a2e2a#d9a441#3b4a3a#2a1f1a

Design palette: 0 of 5 moved

#f4ead8ΔE 0 from #f4ead8#7a2e2aΔE 0 from #7a2e2a#d9a441ΔE 0 from #d9a441#3b4a3aΔE 0 from #3b4a3a#2a1f1aΔE 0 from #2a1f1a

Type

Sketch: DM Serif Display, Literata and Caveat. Design: DM Serif Display, Literata, Caveat.

Parts

Sketch sections: #hero #crates #listening-corner #thursday-sessions #visit #newsletter

New in the design

#side-a#side-b#tracklist

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.

In round 2 all five criteria are met. Removing the hidden starting state of the reveal animation made the crate cards visible on mobile. The hero turntable, the type, the palette and the Side A/B tracklist hold up as they did in round 1.

met

The SVG turntable with a burgundy-labelled record sits beside the headline on the first screen, with leaves drawn around it.

Observed in r2-desktopThe first desktop screen shows the inline SVG turntable on the right of the hero. The burgundy-and-mustard record sits on the platter with the tonearm, and drawn autumn leaves surround it. The headline and copy are on the left.

met

The 'Wax & Wane' headline is a large display serif and at least one tilted handwritten note sits beside it.

Observed in r2-mobileAt 390px the DM Serif Display headline 'Sad songs, warm room.' sets large across the width. A Caveat handwritten note sits tilted beside the intro copy, and the text does not clip.

met

The page ground is cream with burgundy headings and a mustard highlight; no section reads as plain white or grey.

Observed in r2-desktopThe cream #f4ead8 ground carries the page. Burgundy is used for the headline accents and buttons, and mustard for the record label and highlights. Forest green and ink set the text.

met

A Side A / Side B tracklist with numbered sections is visible near the top and the sections carry track numbers.

Observed in r2-desktop-tracklistThe tracklist section shows two columns labelled Side A and Side B. Each item has a numbered track position before its section title, in a style that reads like an album back cover.

met

The crate cards appear as white-bordered tilted instant photos stacked in one column on mobile without overflow.

Observed in r2-mobile-cratesIn the crates section on mobile, the three Polaroid cards (New vinyl, Used vinyl, Two turntables) now render visibly. They stack in one column with their slight tilt, and the page does not scroll horizontally. Removing the opacity:0 starting state fixed the empty-space problem from round 1.

What earlier rounds found short, and the repairs

Round 1: 4 met, 1 partly, 0 missed. Palette, type, hero drawing and the Side A/B tracklist read as planned. The crate cards are hidden on mobile by the entrance animation's initial opacity; the reveal needs to stop hiding content before it animates.

partly

The crate cards appear as white-bordered tilted instant photos stacked in one column on mobile without overflow.

Observed in r1-mobile-cratesThe crates heading and intro render, but the first instant-photo card is invisible: only its mustard tape strip shows, because the entrance class keeps cards at opacity 0 until the observer fires.

RepairKeep cards visible by default and only play the rise-in animation when the observer adds the class, so content never sits hidden at opacity 0.

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 · 7 of 7 devices in the files · design system: css-vars

dna1 presentdna2 presentdna3 presentdna4 presentdna5 presentdna6 presentdna7 present

Styling at the start: 0 hand-written declarations and 0 classes; now 294 and 70.

The look models default to: 4 of its 12 signatures on the page (a warm cream or off-white page ground, a display serif model-made pages default to, zero-padded section or card numbers (01, 02, 03) and fully rounded pill buttons); at most 2 may stay.

Limits

No Qloo data was used: the taste input is the agent's own prediction, frozen before the design began.
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