FRAME/12 React Design SystemLive Storyboard DemoFernwood Supply Co. · Through Oct 31, 2026
Revenue recovery
FRAME/12 is a copy-in React component registry and AI agent skill drawn from comic page composition and cel-animation production: ink-framed panels, 12/20/32px gutters, 45° SVG screentone, and motion held on twos (12fps). Explore the live dashboard below.
Recovered revenue
$120,054
Up 11.4% vs prior 30 days
Select an intervention in C-04 to compare it with the total.
Show data table
| Date | Recovered revenue |
|---|---|
| Oct 31, 2026 | $5,654 |
| Oct 30, 2026 | $5,179 |
| Oct 29, 2026 | $4,720 |
| Oct 28, 2026 | $4,038 |
| Oct 27, 2026 | $3,998 |
| Oct 26, 2026 | $4,187 |
| Oct 25, 2026 | $5,029 |
| Oct 24, 2026 | $5,325 |
| Oct 23, 2026 | $5,065 |
| Oct 22, 2026 | $3,837 |
| Oct 21, 2026 | $3,241 |
| Oct 20, 2026 | $3,231 |
| Oct 19, 2026 | $3,127 |
| Oct 18, 2026 | $4,146 |
| Oct 17, 2026 | $4,107 |
| Oct 16, 2026 | $3,719 |
| Oct 15, 2026 | $3,756 |
| Oct 14, 2026 | $3,617 |
| Oct 13, 2026 | $3,582 |
| Oct 12, 2026 | $3,123 |
| Oct 11, 2026 | $4,276 |
| Oct 10, 2026 | $4,048 |
| Oct 9, 2026 | $3,739 |
| Oct 8, 2026 | $3,457 |
| Oct 7, 2026 | $3,499 |
| Oct 6, 2026 | $3,166 |
| Oct 5, 2026 | $3,299 |
| Oct 4, 2026 | $3,686 |
| Oct 3, 2026 | $4,351 |
| Oct 2, 2026 | $3,852 |
Incremental profit
$38,776
Up 8.7% vs prior 30 days
Margin on recovered orders, after offer costs
Daily profit
Conversion lift
+0.55 pp
0.00 pp change vs prior 30 days
Checkout conversion vs. holdout group
Daily lift
Revenue by intervention
Last 30 days · share of recovered revenue
Panel grammar
Every section is an ink-framed SVG polygon (2.5px mitered stroke) numbered in reading order (C-01, C-02…). Gutter width encodes relationships before any label is read: 12px pairs coupled metrics across a diagonal slant, 20px groups one scene, and 32px starts a new scene.
Screentone
Rotated 45° halftone dot patterns replace CSS gradients and arbitrary opacity. Dot density carries hierarchy, prints cleanly, and survives grayscale in both paper-light and flashback-dark themes.
Motion on twos
Discrete state changes—switching date ranges, redrawing charts, popping leader badges—hold each pose for two frames at 24fps (83.33ms per drawing). Direct-hand inputs like hover, scroll, and crosshairs stay immediate.
Ship FRAME/12 in your app or AI coding agent
Zero chart or animation libraries. Copy-in React source.
npx shadcn@latest add https://frame12.dev/r/frame12.json