Skip to content

Add Linear motion register (V1 + V2) with two reference builds#5

Closed
Cele-san wants to merge 2 commits into
nateherkai:mainfrom
Cele-san:claude/practical-haslett-403878
Closed

Add Linear motion register (V1 + V2) with two reference builds#5
Cele-san wants to merge 2 commits into
nateherkai:mainfrom
Cele-san:claude/practical-haslett-403878

Conversation

@Cele-san

Copy link
Copy Markdown

What this adds

A complete new motion-design register for the workspace, in two layers, plus the builds that prove it.

Design docs (workspace root)

  • DESIGN.linear.md — the canonical grayscale Linear register, deconstructed frame-by-frame from Linear's Code Intelligence 33s spot: Ten Laws, color/type system (Geist + Geist Mono), full GSAP motion vocabulary (full-frame hop smear, parked-overhead stations, directional fall-ons, chat push, typewriter cursors), pacing grid, anti-patterns, and a pre-flight checklist.
  • DESIGN.linear-v2.md — the Tier 3 brand-swap delta, read on top of V1: the dark ramp hue-rotated onto cobalt #152848 at equal luminance per token, blossom #F0A8C2 confined to the accent slot (fill state changes, edge glows, live cursors, send flash), plus the width-clipped twin-label sweep recipe (replaces the difference-blend trick, which only survives a white fill). V2 is the workspace default for any "Linear design" ask; V1 alone on explicit request.

Reference builds

  • video-projects/linear-code-intelligence/ — V1 recreation of the source spot (33s, 8 sub-comps, 1920×1080@30): every recipe in the doc working, including the Law #10 motion-blur grammar.
  • video-projects/2026-06-11-ai-thumbnails-intro-linear/ — V2 production build: full 2-minute Linear redo of the "Stop your YouTube thumbnails from looking like ChatGPT made them" intro at 3840×2160, VO word-timestamps as the beat grid (Law Add nutrition-rx-tutorial project scaffold #4 adapted), color-as-villain (the glossy AI thumbs are the only non-brand hue in frame).

Housekeeping

  • CLAUDE.md: register routing (V2 default, V1 canonical-on-ask)
  • .gitignore: exclude HyperFrames Studio caches (.thumbnails/, .waveform-cache/)
  • Also carries the previously-unpushed d27dc9a (overlay-beats-video skill)

Verification

  • npx hyperframes lint clean on both projects (0 errors; remaining warnings are the accepted scoped-selector/cross-element classes)
  • V1 build draft-rendered and frame-verified against reference stills (22 frames checked; logo stripe orientation bug caught and fixed)
  • V2 build geometry-probed via Playwright DOM checks (wide-rack framing bug caught and fixed; blossom sweep + label swap verified live)

🤖 Generated with Claude Code

Andy Depp and others added 2 commits May 15, 2026 23:52
Encodes the playbook from the 11-beat HyperFrames overlay delivery for
"I Turned Claude Into My Production Company" (May 2026). Covers project
structure, Claude Cowork brand register, 5-phase composition pattern,
anti-generic moves, GSAP contract, verification workflow via ffmpeg
frame extraction, gotchas, reusable patterns, and per-beat delivery
checklist. Fires when starting a new multi-beat HyperFrames overlay
package over A-roll.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- DESIGN.linear.md: canonical grayscale Linear register deconstructed
  from Linear's Code Intelligence spot — Ten Laws, color/type system,
  GSAP motion vocabulary (full-frame hop smear, parked stations,
  directional fall-ons, chat push), pacing grid, anti-patterns
- DESIGN.linear-v2.md: Tier 3 brand-swap delta read on top of V1 —
  dark ramp hue-rotated onto cobalt #152848 at equal luminance,
  blossom #F0A8C2 confined to the accent slot (fill state changes,
  edge glows, live cursors, send flash), width-clipped twin-label
  sweep recipe. Workspace default for any Linear ask.
- video-projects/linear-code-intelligence/: V1 reference build
  (33s, 8 sub-comps, 1920x1080) recreating the source spot
- video-projects/2026-06-11-ai-thumbnails-intro-linear/: V2 build —
  full 2-min Linear redo of the AI-thumbnails video intro, VO-pinned
  beat grid, 3840x2160, color-as-villain thumbs
- CLAUDE.md: register routing (V2 default, V1 on explicit ask)
- .gitignore: exclude Studio caches (.thumbnails/, .waveform-cache/)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@Cele-san Cele-san closed this Jun 12, 2026
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