Field Recording

Look 10 · Six blooms, recorded on a white wall. · $125, one of 50

A white wall, black ink, one carnation, and the six.

No colour is ever invented. Every colour on a page comes out of one of these plates, and one of them at a time is allowed to be the loudest thing in the room.

Archivo, until the face lands.

The display face is for headlines, the mark, prices and big numbers, and nothing else. The original face for this look is owed; when it arrives one token changes.

--text-display

Field Recording

--text-h1

Six blooms, recorded

--text-h2

On a white wall

--text-h3

One of fifty, then it is retired

--text-lede

The room is white and the type is black.

--text-body

No colour is ever invented: every colour comes out of a bloom.

--text-meta

Bandana · Look 10 · $125

Two. Raised is glass and can be pressed. Recessed is a well.

Nothing is framed, outlined or given a keyline. Active, selected and pressed are always the well, because state in this look is depth.

Raised

Frosted glass, standing off the wall. No frame, no keyline.

.bl-raised · buttons, cards, chips, panels

Recessed

A well set into the wall. No shadow. Every active state lands here.

.bl-recessed · fields, wells, selected, pressed

Twelve. Solid, and never outlined.

One meaning and one drawing each, and none is a variation of another. Where an icon needs white inside it that white is cut out of the solid, never drawn as a line. The blooms are not among them: as silhouettes they come out as six of the same disc.

bloom

pane

rule

grid

label

stem

cut

press

edition

vase

light

The wash. Nothing slides and nothing fades.

Work arrives in black and white and takes its colour a beat later. Type is already black, so it hangs instead. Reduced motion lands it all at once, in colour.

Every state, drawn.

accordion

Open

The answer sits under the question at the body size, never indented.

Closed

Hidden until the item is open.

Closed

Hidden until the item is open.

badges

Neutral One of fifty In stock Two left Retired

buttons

Rest Hover Pressed Disabled Loading Accent Accent hover Accent pressed

cards

Plate 06

Carnation · #FE004B

Hover

The work stands further off the wall

Selected

Recessed, never coloured

inputs

Rest

Focus

Invalid

Disabled

Textarea

modal

nav-links

table

Plate	Bloom	Hex	State
01	Ranunculus	#F3010D	Recorded
02	Dahlia	#FF5A00	Selected
03	Gerbera	#E8F000	Drying
06	Carnation	#FE004B	Accent

tabs

toast

Saved to your rack Undo

Retired Look 10 has sold out

Eleven sections, two variants each.

nav · A

nav · B

hero · A

Bandana · Look 10 · one of fifty

Six blooms, recorded on a white wall.

The room is white and the type is black. No colour is ever invented: every colour on the page comes out of a bloom, and one of them at a time is allowed to be the loudest thing in the room.

Buy the look See the kit $125

Carnation, recorded — Plate 06 · Carnation#FE004B

hero · B

Bandana · Look 10 · one of fifty

Nothing here is framed.

Two materials, one accent, and a white room.

Buy the look $125

feature-grid · A

The parts

Eleven sections · ten components · two cuts

One room

White wall, black type, no radius on anything structural. The only colour that ever appears comes out of a bloom, so a page cannot drift off-palette.

Two materials

Frosted glass that stands off the wall, and a well set into it. Nothing is framed, nothing is outlined, and active is always the well.

Six plates

Ranunculus, dahlia, gerbera, chrysanthemum, anemone, carnation. Cut out, so they sit on any wall, in either scheme.

One accent

The carnation, #FE004B, for the single most important thing in a viewport. The other five are for imagery only.

The wash

Nothing slides and nothing fades. Work arrives in black and white and takes its colour a beat later. Reduced motion lands it all at once, in colour.

Both schemes

Lights on and lights off. The wall changes, the blooms do not. Every colour token is declared twice and nothing else moves.

feature-grid · B

What you get

Three things

One room

White wall, black type, no invented colour.

Two materials

Frosted glass off the wall, and a well set into it.

Six plates

Cut out, so they sit on either wall.

bento · A

The wall

Bento · three sizes, one hang

Plate 05 · Anemone

03 Gerbera

02 Dahlia

Fifty sites, then it is retired.

No look is ever restocked

bento · B

The wall

Four, even

01 Ranunculus

02 Dahlia

03 Gerbera

Fifty sites, then retired

gallery · A

The six

Recorded 2026 · one wall, one light

gallery · B

The six

One row

01 Ranunculus

02 Dahlia

03 Gerbera

04 Chrysanthemum

05 Anemone

06 Carnation

pricing · A

Editions

Buy more than one and the rest come down

One look

$125

This look, all eleven sections
Ten components, every state
Two cuts of the display face
One site

Take it

Three looks · chosen

$300

Any three on the rack
Mix eras, moods and canvases
Swap one within thirty days
Three sites

Take three

Five looks

$425

Any five on the rack
Enough to dress a studio
Swap two within thirty days
Five sites

Take five

pricing · B

Editions

One look

$125

All eleven sections
Ten components
One site

Take it

testimonial · A

What it is for

I stopped picking colours. The room is white, the type is black, and the flower decides.

A studio that bought Look 10

testimonial · B

What it is for

I stopped picking colours. The room is white, the type is black, and the flower decides.

A studio that bought Look 10

faq · A

Asked often

Six answers

Can I use my own photographs?

Yes, and the look expects it. Cut them out, put them on the white wall, and take the accent from the loudest thing in the picture. The six blooms are what ships; they are not what you are stuck with.

What happens when the fifty sell?

Look 10 is retired and never restocked. Your copy keeps working forever; nobody else can buy it.

Is the display face mine to keep?

It is bundled with this look and licensed for sites wearing it. It is never sold on its own and never redistributed.

Does it work with Claude Code?

That is what it is for. Drop the folder in, put data-look="field-recording" on the html element, and paste the starter prompt out of CLAUDE.md.

Can I add a second accent?

No. One accent, one hit per screen. If two things are both the most important thing on a page, the page is the problem.

What does it refuse?

Frames, keylines, drop shadows as decoration, gradients, rounded structural boxes, stock photography, invented colour, and any second voice on the page.

faq · B

Asked often

Three answers

Can I use my own photographs?

Yes. Cut them out, put them on the white wall, take the accent from the loudest thing in the picture.

What happens when the fifty sell?

Look 10 is retired and never restocked.

Can I add a second accent?

No. One accent, one hit per screen.

cta · A

One of fifty · $125 Buy the look

cta · B

Fifty sites, then it is retired.

Buy the look$125

contact-form · A

Ask first

We answer in a day

contact-form · B

Ask first

One column

footer · A

footer · B

Every token, both schemes.

The reference. Light value, then the dark one; every colour token is declared twice and nothing else is.

--bg	#FFFFFF	#000000
--bg-deep	#F2F2F2	#0A0A0A
--surface	#FFFFFF	#000000
--surface-2	#F7F7F7	#121212
--text	#000000	#FFFFFF
--text-2	#4A4A4A	#B4B4B4
--text-3	#8C8C8C	#767676
--accent	#FE004B
--accent-ink	#FFFFFF	#000000
--accent-soft	#FFD5E1	#3B0016
--bloom-ranunculus	#F3010D
--bloom-dahlia	#FF5A00
--bloom-gerbera	#E8F000
--bloom-chrysanthemum	#8DC10B
--bloom-anemone	#2A18D8
--bloom-carnation	#FE004B
--pattern	repeating-linear-gradient(90deg, #000 0 2px, transparent 2px 64px)	repeating-linear-gradient(90deg, #FFF 0 2px, transparent 2px 64px)
--ok	var(--bloom-chrysanthemum)
--warn	var(--bloom-dahlia)
--err	var(--bloom-ranunculus)
--rule	2px
--edge	#000000	#FFFFFF
--raised-bg	rgba(255,255,255,.58)	rgba(255,255,255,.10)
--recessed-bg	#F2F2F2	#121212
--glass	var(--raised-bg)	var(--raised-bg)
--glass-accent	rgba(254,0,75,.86)	rgba(254,0,75,.88)
--glass-blur	22px
--glass-sat	1.7
--glass-rim	rgba(255,255,255,.92)	rgba(255,255,255,.30)
--glass-hair	rgba(0,0,0,.09)	rgba(255,255,255,.12)
--glass-lift	0 1px 2px rgba(0,0,0,.07), 0 10px 26px -8px rgba(0,0,0,.16)	0 1px 2px rgba(0,0,0,.6), 0 10px 26px -8px rgba(0,0,0,.8)
--glass-lift-hi	0 2px 4px rgba(0,0,0,.09), 0 18px 40px -10px rgba(0,0,0,.22)	0 2px 4px rgba(0,0,0,.7), 0 18px 40px -10px rgba(0,0,0,.9)
--well	var(--recessed-bg)	var(--recessed-bg)
--well-edge	#D6D6D6	#2E2E2E
--font-display	"Archivo", "Helvetica Neue", Arial, sans-serif
--font-body	"Archivo", "Helvetica Neue", Arial, sans-serif
--display	var(--font-display)
--body	var(--font-body)
--text-eyebrow	.68rem
--text-meta	.74rem
--text-body	1rem
--text-lede	1.2rem
--text-h3	1.5rem
--text-h2	2.6rem
--text-h1	clamp(2.6rem, 6vw, 5.4rem)
--text-display	clamp(3.4rem, 11vw, 9rem)
--track-eyebrow	.22em
--track-display	-.045em
--leading-tight	.92
--leading-body	1.55
--radius	0px
--r-sm	0px
--r-md	0px
--r-lg	0px
--r-pill	0px
--hair	1px
--s1	4px
--s2	8px
--s3	12px
--s4	18px
--s5	26px
--s6	38px
--s7	56px
--s8	84px
--s9	120px
--s10	170px
--gutter	clamp(20px, 5vw, 56px)
--measure	60ch
--page	1240px

Field Recording

A white wall, black ink, one carnation, and the six.

Archivo, until the face lands.

Two. Raised is glass and can be pressed. Recessed is a well.

Twelve. Solid, and never outlined.

The wash. Nothing slides and nothing fades.

Every state, drawn.

accordion

badges

buttons

cards

Plate 06

Hover

Selected

inputs

modal

Buy Look 10

nav-links

table

tabs

toast

Eleven sections, two variants each.

nav · A

nav · B

hero · A

Six blooms, recorded on a white wall.

hero · B

Nothing here is framed.

feature-grid · A

One room

Two materials

Six plates

One accent

The wash

Both schemes

feature-grid · B

One room

Two materials

Six plates

bento · A

Fifty sites, then it is retired.

bento · B

gallery · A

gallery · B

pricing · A

pricing · B

testimonial · A

testimonial · B

faq · A

faq · B

cta · A

cta · B

Fifty sites, then it is retired.

contact-form · A

contact-form · B

footer · A

footer · B

Every token, both schemes.