Skip to content

The wool world: felt mat, pompoms, quiet color law - #2

Merged
srivtx merged 1 commit into
mainfrom
feat/hero-fabric
Sep 3, 2026
Merged

The wool world: felt mat, pompoms, quiet color law#2
srivtx merged 1 commit into
mainfrom
feat/hero-fabric

Conversation

@srivtx

@srivtx srivtx commented Sep 3, 2026

Copy link
Copy Markdown
Owner

What

  • Hero felt mat (hero-fabric.tsx) — a hand-cut wool patch behind the bot: turbulence-displaced edge, felt grain + brushed nap (static SVG filters, rasterize once), four pastel dye washes, dotted running stitch. Three arc-wound yarn pompoms bob on transform-only keyframes. Same 480×400 viewBox as the bot, stacked behind it — the agent itself is untouched, it just gains a stage.
  • Dark-mode color law — washes go screen-blend (pastels glow, never a green field); the egg gets a lifted body gradient + firmer outline so the mascot reads in front of the dark mat; the hover eye-fill stays a day-desk tell only.
  • Footer felt band — the mat runs under the footer, two pompoms tucked in its corners.
  • Global paper grain — one fixed fractal-noise layer at soft-light; the fiber ties every surface together.
  • Mascot life — 30 quiet seconds and the hero bot yawns (eyes snap to slits, smile spreads, pops awake on input); the desk agent's thinking tell is a wobbling yarn ball; the receipt's CLEARED stamp slams on mount.
  • Video transcript rewritten in plain English (7th-grade reading level).

Contract

Motion is transform/opacity only; all filters are static paint; reduced-motion kill-switch covers every new animation (.hb-pom, .agent-yarn, .hfx-wash transitions); structural color stays token-driven.

Verification

  • bun run lint + bun run typecheck pass
  • Dark + light verified via headless screenshots; yawn verified at virtual-time 31s

- hero-fabric.tsx: a hand-cut felt mat behind the bot (turbulence-
  displaced edge, felt grain + brushed nap, pastel dye washes, running
  stitch) with three arc-wound yarn pompoms bobbing on transform-only
  keyframes — the bot itself never changes shape, only gains a stage
- dark desk: washes go screen-blend so pastels glow without a green
  field; the egg gets a lifted body gradient + firmer outline so the
  mascot reads in front of the mat; the hover eye-fill stays a
  day-desk tell
- footer: the mat runs under the footer as a hand-cut felt band with
  two pompoms tucked in its corners
- global paper grain: one fixed fractal-noise layer, soft-light, the
  felt world's fiber over every surface
- mascot life: after 30 quiet seconds the bot yawns (eyes snap to
  slits, smile spreads, pops back awake on input); the desk agent's
  thinking tell is a small wobbling yarn ball
- stamps: the receipt's CLEARED slams in on mount
- video transcript rewritten in plain English
- reduced-motion kill-switch covers every new animation
@vercel

vercel Bot commented Sep 3, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
customs Building Building Preview Sep 3, 2026 6:38am UTC

@srivtx
srivtx merged commit af117a2 into main Sep 3, 2026
7 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant