Acetate

# Acetate

## Philosophy

Acetate is the interface language of an optical archive recovery bench. Damaged records are read on a lit glass platen, and every piece of state is shown as a pale blue overlay sheet sitting a few pixels out of register with the ink frame beneath it — until the record is confirmed, and the sheet slides home. It treats damaged memory as evidence rather than spectacle, and it leaves the holes visible.

### Values

- Preserve uncertainty: missing frames, drift and occlusion stay visible instead of being cosmetically filled in.
- State is expressed as an offset rather than a colour: the distance between two exposures says what a status hue would otherwise have to.
- Restraint is care: frosted white, vellum grey, ink black and one archival blue carry the whole identity.
- Structure narrates: contact sheets, accession rails, gutters and crop marks explain recovery state without a dashboard idiom.
- Forensic legibility over drama — readable checksum strings, timestamp rails and chain-of-custody prose.
- Manga influence is page architecture: asymmetric panels, gutters and ink frames, never illustration.

### Anti-Values

- No green code rain, neon cyberpunk cyan or magenta, red-alert theatre, skulls or terminal spam.
- No SaaS analytics card grids, equal three-across feature cards, or sections labelled Data and Controls.
- No anime portraits, mascots or decorative kanji; this is archival interface design.
- No glossy maximal glassmorphism — translucency must read as scan-bed acetate, never as a widget.
- No soft drop shadows, glows or gradients anywhere; the offset duplicate is the only elevation.
- No rounded corners in a language whose geometry has no curves.

### Visual Character

- Asymmetric ink panel frames at 1px with 2px corner registration ticks and unequal spans replace conventional cards entirely.
- Frosted vellum surfaces built from translucent white and an 8px backdrop blur, with faint pressure-mark noise instead of gradients.
- A pale archival-blue duplicate, hard-offset 4-8px with zero blur, sits behind every stateful element and slides to zero on confirmation.
- Contact-sheet cells carry partial occlusion, blue drift offsets, and deliberately empty hatched frames for unrecoverable material.
- Vertical rails of rotated condensed microtype, ruler ticks and full-strength ink axes give every screen its forensic orientation.

### Lineage

> A faithful modernization of Quiet Optical Accession, which drew its structure from manga page architecture, its surfaces from photographic conservation practice, and its microtype from mid-century laboratory instrumentation.

## Tokens

### Colors

| Name | Value |
|------|-------|
| bg | `#F7F6F1` |
| surface | `#FDFDFB` |
| surface_solid | `#FFFFFF` |
| text | `#111316` |
| muted | `#565E67` |
| border | `#111316` |
| accent | `#6E9EC8` |
| accent_2 | `#1D2F44` |
| accent_soft | `#DFE9F3` |
| on_accent | `#0C1620` |
| success | `#3D6255` |
| warning | `#6F5B2E` |
| error | `#7A4139` |
| info | `#1D2F44` |

### Typography

- **Base Size**: 17px
- **Body Font**: Gelasio
- **Heading Font**: Oswald
- **Mono Font**: Cutive Mono
- **Heading Weight**: 500
- **Heading Transform**: uppercase
- **Letter Spacing**: -0.035em display, -0.01em body
- **Line Height**: 1.55
- **Scale Ratio**: 1.25
- **Google Fonts Url**: https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Gelasio:ital,wght@0,400;0,500;1,400&family=Oswald:wght@300;400;500&display=swap

### Radii

- **None**: 0px
- **Md**: 16px
- **Lg**: 24px
- **Full**: 9999px

### Shadows

- **Sm**: 0 1px 0 rgba(17,19,22,0.12)
- **Md**: 4px 4px 0 rgba(110,158,200,0.22)
- **Lg**: 8px 8px 0 rgba(110,158,200,0.18)

### Spacing

- **Base**: 8px
- **Scale**: [4,8,12,16,24,32,48,64,96]

### Surfaces

- **Treatment**: Frosted vellum: #FDFDFB at 82-92% over the paper ground with backdrop-filter blur(8px) and faint pressure-mark noise. No gradients.
- **Card Style**: Platen panel — square 1px ink hairline at 20%, two 18px full-ink corner registration ticks, an accession tab notched into the top edge, vellum fill. Never nested, never edge-accented.
- **Bg Pattern**: Registration field: 1px ruler ticks at 72px, thin ink axes and one pale acetate drift band, dropping to near-zero opacity wherever copy sits.

### Borders

- **Default Width**: 1px
- **Accent Width**: 2px
- **Style**: solid
- **Character**: Ink hairlines at 16-22% alpha for ordinary boundaries, full ink for structural axes and 2px corner registration ticks, and a 2px archival-blue mark only on registered frames.

### Motion

- **Duration**: 900ms
- **Easing**: cubic-bezier(0.45, 0, 0.15, 1)
- **Philosophy**: One slow optical pass. Everything moves at the speed of a scanner head — things drift, register and fog; nothing pops, bounces or pulses. Every motion is reversible because every operation on this bench is reversible.

## Rules

### Composition

Build screens as forensic light tables: one dominant recovery plate, a narrow metadata rail, a contact-sheet strip, and large negative-space margins. Use unequal panel spans (7/3/2), visible gutters and ruler ticks, and one deliberate grid break per screen where a loupe or scan band crosses a panel boundary. Do not centre everything; alignment should read as evidence being registered on glass.

### Hierarchy

Hierarchy comes from scale, frame weight, orientation and acetate overlay rather than colour variety. Oswald condensed uppercase labels accession zones; Gelasio at 17px carries every explanatory note; Cutive Mono carries checksums, timestamps and tolerances. Registered items take the acetate wash and a blue calibration mark; uncertain items stay pale and offset; unrecoverable items take the hatch.

### Density

Alternate hard: 4-8px inside micro-metadata clusters against 48-96px between evidence groups. Never a uniform 24px rhythm — that is what makes a forensic page read like a settings screen.

### Signature Patterns

- Register slip — a hard 4-8px archival-blue duplicate of an element's own frame, offset with zero blur, walking to zero as state is confirmed and absent entirely for unrecoverable material.
- Optical pass — a slow translucent band crossing a plate and briefly fogging the glass behind it; on the landing it is the scanner head that drives the whole film.
- Accession rail — rotated timestamps, ruler-tick gradients and a thin ink axis that continues across panel boundaries as page furniture, never as a card accent.
- Blank frame — the unrecoverable cell: hatched, empty, numbered, and never filled in with a placeholder.
- Checksum stamp — a square mono capsule with a bracketed prompt and a single 8px blue calibration square.

## Layout

### Grid

Desktop is a 12-column forensic table with 16px gutters, 1320-1560px maximum, and a 76px accession rail down the left carrying rotated timestamps and ruler ticks. Column spans are deliberately unequal — 7/3/2 — so one plate always dominates.

### Breakpoints

wide >= 1800, desktop 1281-1799, small laptop 1025-1280, tablet 641-1024, mobile <= 640. The dominant plate is preserved first, then the contact sheet, then the metadata rail.

### Whitespace

Margins should read as paper left untouched: 48-96px around evidence groups, 4-12px inside micro clusters, never a uniform 24px everywhere.

### Responsive

Tablet is its own composition rather than a stretched column: 8 columns with the rail retained at 56px, the contact sheet moved below the plate and widened, metadata folded two-up. Mobile is a single column; the rail rotates into a 44-46px horizontal ruler strip across the top; contact cells reduce in count rather than shrinking below legibility; the loupe stays visible.

### Density

High contrast of density — tight metadata and checksum rows beside generous blank vellum margins, so recovery feels deliberate rather than crowded.

## Guidance

### Do

- Keep the chromatic vocabulary to frosted white, vellum grey, ink black and one archival blue.
- Use the register slip for state; let the offset itself say what a colour would otherwise have to.
- Leave unrecoverable material visibly blank and hatched, with its number still attached.
- Set headings in condensed uppercase, notes in the serif at 17px, and machine values in mono at 11-13px.
- Let one panel dominate every screen, and let a scan band or rail axis cross a gutter once per screen as the deliberate break.
- Frame every module as a real bench task: intake, optical pass, checksum comparison, fragment sheet, custody.

### Don't

- Do not put the archival blue on small type — it is a surface hue; #1D2F44 is its ink.
- Do not round anything; a rounded card in this language is wrong even though 16 is an allowed token.
- Do not use soft shadows, glows or gradients; the slip is the only elevation.
- Do not run pattern under copy, and do not set body text over a plate.
- Do not place three equal panels in a row, and do not label a region Data or Controls.
- Do not dramatise damage with glitch effects, red alerts or terminal spam; damage is stated rather than performed.

### Accessibility

Maintain AA for all text: body ink #111316 on paper is 16.4:1, muted #565E67 is 4.9:1, and accent-role words use #1D2F44 at 12.5:1. Never rely on the blue alone for state — the register offset, a text label and a semantic square always accompany it. Focus is a 2px #1D2F44 ring on every control; tap targets are 44px minimum; the hatch that marks unrecoverable material is a texture, not a colour, so it survives greyscale and colour-blind rendering.

## Imagery Direction

### Pairs With

ozalid

### Illustration Style

Duotone diazo contact prints pulled from a scanned original: near-black continuous tone plus a pale archival-blue second exposure a few millimetres out of register, on translucent vellum, with soft edge halation, fine paper grain and scattered dust.

### Hero Image Direction

One full-bleed plate photographed straight down onto a lit light table, composed so that a third to a half of the frame is plain empty tabletop reserved for display type. Cool neutral only — no warm or sepia cast, no burnt frame borders.

### Subjects

Evidence abstractions: plates and overlay sheets on lit glass, contact sheets with blank frames, damaged emulsion, stacked glassine. Never character art, mascots or decorative kanji.

### Icon Style

Drawn 1-1.2px strokes on a square grid — chevrons, arrows and crosses built from two straight lines. No filled pictograms, no rounded joins, no emoji.

### Image Gen Prompts

- A cracked glass photographic plate on a lit light table, seen straight down, with the whole upper-left third plain empty tabletop — duotone diazo contact print, near-black ink and pale archival blue out of register on translucent vellum, soft halation, paper grain, dust. NO text, NO letters, NO logos.
- A contact sheet of thirty small frames, a dozen of them completely blank — duotone diazo contact print, near-black ink and pale archival blue out of register on translucent vellum, soft halation, paper grain. NO text, NO letters, NO logos.

### Swap Contract

Every raster plate in the landing is consumed through a --plate-N variable with the URL as the inline default at every use site, documented in a <!-- plate-manifest --> comment; the WebGL ground reads its texture URL from --plate-2a, so an art-style swap re-skins the shader too.

---
version: "alpha"
name: "Acetate"
description: "Agent-curated design language exported from Katagami as DESIGN.md."
colors:
  bg: "#F7F6F1"
  surface: "#FDFDFB"
  surface_solid: "#FFFFFF"
  text: "#111316"
  muted: "#565E67"
  border: "#111316"
  accent: "#6E9EC8"
  accent_2: "#1D2F44"
  accent_soft: "#DFE9F3"
  on_accent: "#0C1620"
  success: "#3D6255"
  warning: "#6F5B2E"
  error: "#7A4139"
  info: "#1D2F44"
typography:
  headline-lg:
    fontFamily: "Oswald"
    fontSize: "2.075rem"
    fontWeight: 700
    lineHeight: 1.1
    letterSpacing: "-0.02em"
  headline-md:
    fontFamily: "Oswald"
    fontSize: "1.66rem"
    fontWeight: 600
    lineHeight: 1.15
    letterSpacing: "-0.02em"
  body-md:
    fontFamily: "Gelasio"
    fontSize: "17px"
    fontWeight: 400
    lineHeight: 1.55
    letterSpacing: "-0.02em"
  label-md:
    fontFamily: "Cutive Mono"
    fontSize: "0.75rem"
    fontWeight: 600
    lineHeight: 1
    letterSpacing: "0.08em"
rounded:
  none: "0px"
  md: "16px"
  lg: "24px"
  full: "9999px"
spacing:
  base: "8px"
  xs: "4px"
  sm: "8px"
  md: "12px"
  lg: "16px"
  xl: "24px"
  2xl: "32px"
  3xl: "48px"
  4xl: "64px"
  step-8: "96px"
components:
  color-reference-bg:
    backgroundColor: "{colors.bg}"
  color-reference-surface:
    backgroundColor: "{colors.surface}"
  color-reference-surface_solid:
    backgroundColor: "{colors.surface_solid}"
  color-reference-text:
    backgroundColor: "{colors.text}"
  color-reference-muted:
    backgroundColor: "{colors.muted}"
  color-reference-border:
    backgroundColor: "{colors.border}"
  color-reference-accent:
    backgroundColor: "{colors.accent}"
  color-reference-accent_2:
    backgroundColor: "{colors.accent_2}"
  color-reference-accent_soft:
    backgroundColor: "{colors.accent_soft}"
  color-reference-on_accent:
    backgroundColor: "{colors.on_accent}"
  color-reference-success:
    backgroundColor: "{colors.success}"
  color-reference-warning:
    backgroundColor: "{colors.warning}"
  color-reference-error:
    backgroundColor: "{colors.error}"
  color-reference-info:
    backgroundColor: "{colors.info}"
  button-primary:
    backgroundColor: "{colors.accent}"
    textColor: "#000000"
    typography: "{typography.label-md}"
    rounded: "{rounded.md}"
    padding: "{spacing.md}"
  card-surface:
    backgroundColor: "{colors.surface}"
    textColor: "{colors.text}"
    rounded: "{rounded.md}"
    padding: "{spacing.md}"
  input-default:
    backgroundColor: "{colors.surface}"
    textColor: "{colors.text}"
    rounded: "{rounded.md}"
    height: "44px"
---

# Acetate

## Overview

Acetate is the interface language of an optical archive recovery bench. Damaged records are read on a lit glass platen, and every piece of state is shown as a pale blue overlay sheet sitting a few pixels out of register with the ink frame beneath it — until the record is confirmed, and the sheet slides home. It treats damaged memory as evidence rather than spectacle, and it leaves the holes visible.

### Values

- Preserve uncertainty: missing frames, drift and occlusion stay visible instead of being cosmetically filled in.
- State is expressed as an offset rather than a colour: the distance between two exposures says what a status hue would otherwise have to.
- Restraint is care: frosted white, vellum grey, ink black and one archival blue carry the whole identity.
- Structure narrates: contact sheets, accession rails, gutters and crop marks explain recovery state without a dashboard idiom.
- Forensic legibility over drama — readable checksum strings, timestamp rails and chain-of-custody prose.
- Manga influence is page architecture: asymmetric panels, gutters and ink frames, never illustration.

### Anti-Values

- No green code rain, neon cyberpunk cyan or magenta, red-alert theatre, skulls or terminal spam.
- No SaaS analytics card grids, equal three-across feature cards, or sections labelled Data and Controls.
- No anime portraits, mascots or decorative kanji; this is archival interface design.
- No glossy maximal glassmorphism — translucency must read as scan-bed acetate, never as a widget.
- No soft drop shadows, glows or gradients anywhere; the offset duplicate is the only elevation.
- No rounded corners in a language whose geometry has no curves.

### Visual Character

- Asymmetric ink panel frames at 1px with 2px corner registration ticks and unequal spans replace conventional cards entirely.
- Frosted vellum surfaces built from translucent white and an 8px backdrop blur, with faint pressure-mark noise instead of gradients.
- A pale archival-blue duplicate, hard-offset 4-8px with zero blur, sits behind every stateful element and slides to zero on confirmation.
- Contact-sheet cells carry partial occlusion, blue drift offsets, and deliberately empty hatched frames for unrecoverable material.
- Vertical rails of rotated condensed microtype, ruler ticks and full-strength ink axes give every screen its forensic orientation.

### Lineage

> A faithful modernization of Quiet Optical Accession, which drew its structure from manga page architecture, its surfaces from photographic conservation practice, and its microtype from mid-century laboratory instrumentation.

## Colors

Use the YAML color tokens as the normative palette. The prose below names the roles agents should preserve when generating UI.

| Token | Value |
|-------|-------|
| bg | `#F7F6F1` |
| surface | `#FDFDFB` |
| surface_solid | `#FFFFFF` |
| text | `#111316` |
| muted | `#565E67` |
| border | `#111316` |
| accent | `#6E9EC8` |
| accent_2 | `#1D2F44` |
| accent_soft | `#DFE9F3` |
| on_accent | `#0C1620` |
| success | `#3D6255` |
| warning | `#6F5B2E` |
| error | `#7A4139` |
| info | `#1D2F44` |

## Typography

- **Headline-Lg**: Oswald, 2.075rem, weight 700, line-height 1.1.
- **Headline-Md**: Oswald, 1.66rem, weight 600, line-height 1.15.
- **Body-Md**: Gelasio, 17px, weight 400, line-height 1.55.
- **Label-Md**: Cutive Mono, 0.75rem, weight 600, line-height 1.

## Layout

### Spacing Tokens

- **Base**: `8px`
- **Xs**: `4px`
- **Sm**: `8px`
- **Md**: `12px`
- **Lg**: `16px`
- **Xl**: `24px`
- **2xl**: `32px`
- **3xl**: `48px`
- **4xl**: `64px`
- **Step-8**: `96px`

### Grid

Desktop is a 12-column forensic table with 16px gutters, 1320-1560px maximum, and a 76px accession rail down the left carrying rotated timestamps and ruler ticks. Column spans are deliberately unequal — 7/3/2 — so one plate always dominates.

### Breakpoints

wide >= 1800, desktop 1281-1799, small laptop 1025-1280, tablet 641-1024, mobile <= 640. The dominant plate is preserved first, then the contact sheet, then the metadata rail.

### Whitespace

Margins should read as paper left untouched: 48-96px around evidence groups, 4-12px inside micro clusters, never a uniform 24px everywhere.

### Responsive

Tablet is its own composition rather than a stretched column: 8 columns with the rail retained at 56px, the contact sheet moved below the plate and widened, metadata folded two-up. Mobile is a single column; the rail rotates into a 44-46px horizontal ruler strip across the top; contact cells reduce in count rather than shrinking below legibility; the loupe stays visible.

### Density

High contrast of density — tight metadata and checksum rows beside generous blank vellum margins, so recovery feels deliberate rather than crowded.

## Elevation & Depth

### Shadows

- **Sm**: 0 1px 0 rgba(17,19,22,0.12)
- **Md**: 4px 4px 0 rgba(110,158,200,0.22)
- **Lg**: 8px 8px 0 rgba(110,158,200,0.18)

## Shapes

### Rounded

- **None**: `0px`
- **Md**: `16px`
- **Lg**: `24px`
- **Full**: `9999px`

### Surfaces

- **Treatment**: Frosted vellum: #FDFDFB at 82-92% over the paper ground with backdrop-filter blur(8px) and faint pressure-mark noise. No gradients.
- **Card Style**: Platen panel — square 1px ink hairline at 20%, two 18px full-ink corner registration ticks, an accession tab notched into the top edge, vellum fill. Never nested, never edge-accented.
- **Bg Pattern**: Registration field: 1px ruler ticks at 72px, thin ink axes and one pale acetate drift band, dropping to near-zero opacity wherever copy sits.

### Borders

- **Default Width**: 1px
- **Accent Width**: 2px
- **Style**: solid
- **Character**: Ink hairlines at 16-22% alpha for ordinary boundaries, full ink for structural axes and 2px corner registration ticks, and a 2px archival-blue mark only on registered frames.

## Components

### Composition

Build screens as forensic light tables: one dominant recovery plate, a narrow metadata rail, a contact-sheet strip, and large negative-space margins. Use unequal panel spans (7/3/2), visible gutters and ruler ticks, and one deliberate grid break per screen where a loupe or scan band crosses a panel boundary. Do not centre everything; alignment should read as evidence being registered on glass.

### Hierarchy

Hierarchy comes from scale, frame weight, orientation and acetate overlay rather than colour variety. Oswald condensed uppercase labels accession zones; Gelasio at 17px carries every explanatory note; Cutive Mono carries checksums, timestamps and tolerances. Registered items take the acetate wash and a blue calibration mark; uncertain items stay pale and offset; unrecoverable items take the hatch.

### Density

Alternate hard: 4-8px inside micro-metadata clusters against 48-96px between evidence groups. Never a uniform 24px rhythm — that is what makes a forensic page read like a settings screen.

### Signature Patterns

- Register slip — a hard 4-8px archival-blue duplicate of an element's own frame, offset with zero blur, walking to zero as state is confirmed and absent entirely for unrecoverable material.
- Optical pass — a slow translucent band crossing a plate and briefly fogging the glass behind it; on the landing it is the scanner head that drives the whole film.
- Accession rail — rotated timestamps, ruler-tick gradients and a thin ink axis that continues across panel boundaries as page furniture, never as a card accent.
- Blank frame — the unrecoverable cell: hatched, empty, numbered, and never filled in with a placeholder.
- Checksum stamp — a square mono capsule with a bracketed prompt and a single 8px blue calibration square.

## shadcn/ui Usage

When the target app uses shadcn/ui, copy DESIGN.md with shadcn instead of the plain DESIGN.md. It contains the same Katagami design-language source plus the shadcn/ui primitives, imports, theme variables, component recipes, and preview-shot guidance.

DESIGN.md with shadcn: `/language/en-019ffc42-54d8-7973-9df1-3276335bb669/DESIGN.with-shadcn.md`.

The shadcn page also exposes optional machine-readable files for automation, but the human-facing handoff is DESIGN.md with shadcn.

Install recommended primitives with `npx shadcn@latest add button card input textarea select dialog sheet tabs badge separator checkbox switch slider tooltip dropdown-menu table`.

Use these primitives in shadcn apps:
- button
- card
- input
- textarea
- select
- dialog
- sheet
- tabs
- badge
- separator
- checkbox
- switch
- slider
- tooltip
- dropdown-menu
- table

Implementation rule for agents: import shadcn primitives from `@/components/ui/*`, apply the generated CSS variables first, then compose the language-specific recipes from the companion MD. Katagami remains the source of truth; shadcn names are the implementation surface.

## Do's and Don'ts

- Do Keep the chromatic vocabulary to frosted white, vellum grey, ink black and one archival blue.
- Do Use the register slip for state; let the offset itself say what a colour would otherwise have to.
- Do Leave unrecoverable material visibly blank and hatched, with its number still attached.
- Do Set headings in condensed uppercase, notes in the serif at 17px, and machine values in mono at 11-13px.
- Do Let one panel dominate every screen, and let a scan band or rail axis cross a gutter once per screen as the deliberate break.
- Do Frame every module as a real bench task: intake, optical pass, checksum comparison, fragment sheet, custody.
- Don't Do not put the archival blue on small type — it is a surface hue; #1D2F44 is its ink.
- Don't Do not round anything; a rounded card in this language is wrong even though 16 is an allowed token.
- Don't Do not use soft shadows, glows or gradients; the slip is the only elevation.
- Don't Do not run pattern under copy, and do not set body text over a plate.
- Don't Do not place three equal panels in a row, and do not label a region Data or Controls.
- Don't Do not dramatise damage with glitch effects, red alerts or terminal spam; damage is stated rather than performed.

### Accessibility

Maintain AA for all text: body ink #111316 on paper is 16.4:1, muted #565E67 is 4.9:1, and accent-role words use #1D2F44 at 12.5:1. Never rely on the blue alone for state — the register offset, a text label and a semantic square always accompany it. Focus is a 2px #1D2F44 ring on every control; tap targets are 44px minimum; the hatch that marks unrecoverable material is a texture, not a colour, so it survives greyscale and colour-blind rendering.

## Imagery Direction

### Pairs With

ozalid

### Illustration Style

Duotone diazo contact prints pulled from a scanned original: near-black continuous tone plus a pale archival-blue second exposure a few millimetres out of register, on translucent vellum, with soft edge halation, fine paper grain and scattered dust.

### Hero Image Direction

One full-bleed plate photographed straight down onto a lit light table, composed so that a third to a half of the frame is plain empty tabletop reserved for display type. Cool neutral only — no warm or sepia cast, no burnt frame borders.

### Subjects

Evidence abstractions: plates and overlay sheets on lit glass, contact sheets with blank frames, damaged emulsion, stacked glassine. Never character art, mascots or decorative kanji.

### Icon Style

Drawn 1-1.2px strokes on a square grid — chevrons, arrows and crosses built from two straight lines. No filled pictograms, no rounded joins, no emoji.

### Image Gen Prompts

- A cracked glass photographic plate on a lit light table, seen straight down, with the whole upper-left third plain empty tabletop — duotone diazo contact print, near-black ink and pale archival blue out of register on translucent vellum, soft halation, paper grain, dust. NO text, NO letters, NO logos.
- A contact sheet of thirty small frames, a dozen of them completely blank — duotone diazo contact print, near-black ink and pale archival blue out of register on translucent vellum, soft halation, paper grain. NO text, NO letters, NO logos.

### Swap Contract

Every raster plate in the landing is consumed through a --plate-N variable with the URL as the inline default at every use site, documented in a <!-- plate-manifest --> comment; the WebGL ground reads its texture URL from --plate-2a, so an art-style swap re-skins the shader too.

```json
{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "acetate",
  "type": "registry:theme",
  "title": "Acetate shadcn Theme",
  "cssVars": {
    "theme": {},
    "light": {
      "background": "#F7F6F1",
      "foreground": "#111316",
      "card": "#FDFDFB",
      "card-foreground": "#111316",
      "popover": "#FDFDFB",
      "popover-foreground": "#111316",
      "primary": "#111316",
      "primary-foreground": "#ffffff",
      "secondary": "#f4f4f5",
      "secondary-foreground": "#111111",
      "muted": "#565E67",
      "muted-foreground": "#111316",
      "accent": "#6E9EC8",
      "accent-foreground": "#ffffff",
      "destructive": "#7A4139",
      "border": "#111316",
      "input": "#111316",
      "ring": "#6E9EC8",
      "chart-1": "#111316",
      "chart-2": "#f4f4f5",
      "chart-3": "#6E9EC8",
      "chart-4": "#3D6255",
      "chart-5": "#6F5B2E",
      "sidebar": "#FDFDFB",
      "sidebar-foreground": "#111316",
      "sidebar-primary": "#111316",
      "sidebar-primary-foreground": "#ffffff",
      "sidebar-accent": "#1D2F44",
      "sidebar-accent-foreground": "#ffffff",
      "sidebar-border": "#111316",
      "sidebar-ring": "#6E9EC8",
      "radius": "16px"
    },
    "dark": {
      "background": "#0f1115",
      "foreground": "#f8fafc",
      "card": "#181b22",
      "card-foreground": "#f8fafc",
      "popover": "#181b22",
      "popover-foreground": "#f8fafc",
      "primary": "#111316",
      "primary-foreground": "#ffffff",
      "secondary": "#252a33",
      "secondary-foreground": "#f8fafc",
      "muted": "#252a33",
      "muted-foreground": "#a1a1aa",
      "accent": "#6E9EC8",
      "accent-foreground": "#ffffff",
      "destructive": "#7A4139",
      "border": "#303642",
      "input": "#303642",
      "ring": "#6E9EC8",
      "chart-1": "#111316",
      "chart-2": "#f4f4f5",
      "chart-3": "#6E9EC8",
      "chart-4": "#3D6255",
      "chart-5": "#6F5B2E",
      "sidebar": "#181b22",
      "sidebar-foreground": "#f8fafc",
      "sidebar-primary": "#111316",
      "sidebar-primary-foreground": "#ffffff",
      "sidebar-accent": "#6E9EC8",
      "sidebar-accent-foreground": "#ffffff",
      "sidebar-border": "#303642",
      "sidebar-ring": "#6E9EC8",
      "radius": "16px"
    }
  },
  "meta": {
    "source": "katagami",
    "languageId": "en-019ffc42-54d8-7973-9df1-3276335bb669",
    "slug": "acetate",
    "componentManifest": [
      "button",
      "card",
      "input",
      "textarea",
      "select",
      "dialog",
      "sheet",
      "tabs",
      "badge",
      "separator",
      "checkbox",
      "switch",
      "slider",
      "tooltip",
      "dropdown-menu",
      "table"
    ],
    "installCommand": "npx shadcn@latest add button card input textarea select dialog sheet tabs badge separator checkbox switch slider tooltip dropdown-menu table",
    "nativeTokenNames": {
      "colors": [
        "accent",
        "accent_2",
        "accent_soft",
        "bg",
        "border",
        "error",
        "info",
        "muted",
        "on_accent",
        "success",
        "surface",
        "surface_solid",
        "text",
        "warning"
      ],
      "typography": [
        "base_size",
        "body_font",
        "google_fonts_url",
        "heading_font",
        "heading_transform",
        "heading_weight",
        "letter_spacing",
        "line_height",
        "mono_font",
        "scale_ratio"
      ],
      "radii": [
        "full",
        "lg",
        "md",
        "none"
      ],
      "shadows": [
        "lg",
        "md",
        "sm"
      ],
      "spacing": [
        "base",
        "scale"
      ],
      "surfaces": [
        "bg_pattern",
        "card_style",
        "treatment"
      ],
      "borders": [
        "accent_width",
        "character",
        "default_width",
        "style"
      ],
      "motion": [
        "duration",
        "easing",
        "philosophy"
      ]
    }
  }
}
```