@yojahny/wp-design-library 0.5.1 → 1.0.0

package/bin/library.mjs

@@ -8,6 +8,7 @@ const cmds = {
   serve: () => import('../src/cli/serve.mjs'),
   add: () => import('../src/cli/add.mjs'),
   refresh: () => import('../src/cli/refresh.mjs'),
+  'migrate-artifacts': () => import('../src/cli/migrate-artifacts.mjs'),
   save: () => import('../src/cli/save.mjs'),
   export: () => import('../src/cli/export.mjs'),
   ui: () => import('../src/cli/ui.mjs'),

package/entries/ada/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://www.ada.cx/
-  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+  license: >-
+    Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
+    source.
 captured:
   method: frames
   at: '2026-09-16'
@@ -14,14 +16,24 @@ captured:
     - method: frames
       input: /tmp/ada-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/ada/1/strip.webp
+          bytes: 329820
+          sha256: c530a388208a48f88291e4b4e0f3faa8896d21b9f92b23dd760f923b0ff9e599
       frames: 36
       duration_ms: 22133
 media:
   frames: 36
   duration_ms: 22133
-roles: [hero, proof, feature, explainer]
-feel: [light, premium, saas, depth]
+roles:
+  - hero
+  - proof
+  - feature
+  - explainer
+feel:
+  - light
+  - premium
+  - saas
+  - depth
 palette:
   canvas: '#8a7d3f'
   ink: '#000000'
@@ -30,8 +42,14 @@ type:
   display: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif'
   body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif'
 motion:
-  devices: [reveal, pan, count]
-  notes: Eyeballed from 36 sampled frames, not measured. The blurred landscape hero holds behind a live agent conversation, then reveals a logo row and proof statistics before an operating-model explainer. The metric values appear to count in, but their trigger is not visible.
+  devices:
+    - reveal
+    - pan
+    - count
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The blurred landscape hero holds behind a live agent
+    conversation, then reveals a logo row and proof statistics before an operating-model explainer. The metric
+    values appear to count in, but their trigger is not visible.
 ported_from: null
 ---
 

package/entries/air/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://air.inc/
-  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+  license: >-
+    Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
+    source.
 captured:
   method: both
   at: '2026-09-17'
@@ -14,21 +16,41 @@ captured:
     - method: frames
       input: /tmp/air-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/air/1/strip.webp
+          bytes: 158228
+          sha256: 64028e146021d0c29882f7f21abbc5a57bd32664e308273595448b7563861386
       frames: 36
       duration_ms: 29583
     - method: both
       input: https://air.inc/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/air/2/strip.webp
+          bytes: 97796
+          sha256: d36196a901f1f7a4541b981c0255e8ba2e46f3297fe1519e1f2a6966c414e5c8
+        - key: entries/air/2/measure.json
+          bytes: 8043
+          sha256: 04e3c63a8287af5ecddae4695ce49e72aa821ac1095bf8119d331f9a60545618
+        - key: entries/air/2/screen-1440.png
+          bytes: 281218
+          sha256: 1168f818c84c7db01460790f17293a6f4414191699ce6ddc37896b4bad50c391
+        - key: entries/air/2/screen-390.png
+          bytes: 262880
+          sha256: 159505fe168dd04fb20f23257de7962f2290f57c44dc7fc764d740af24b8412d
 media:
   frames: 36
   duration_ms: 29583
-roles: [hero, explainer, capability, feature, proof]
-feel: [light, premium, playful, saas, depth]
+roles:
+  - hero
+  - explainer
+  - capability
+  - feature
+  - proof
+feel:
+  - light
+  - premium
+  - playful
+  - saas
+  - depth
 palette:
   canvas: '#13396a'
   ink: '#000000'
@@ -37,8 +59,15 @@ type:
   display: '"Control Compressed", Arial, Helvetica, sans-serif'
   body: Control, Arial, Helvetica, sans-serif
 motion:
-  devices: [reveal, pan, parallax, drift]
-  notes: Eyeballed from 36 sampled frames, not measured. The blue-sky hero gives way to floating asset cards, workspace views, and large statement transitions as the recording moves downward. Cards drift independently over the background; individual triggers are not visible.
+  devices:
+    - reveal
+    - pan
+    - parallax
+    - drift
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The blue-sky hero gives way to floating asset cards,
+    workspace views, and large statement transitions as the recording moves downward. Cards drift
+    independently over the background; individual triggers are not visible.
 ported_from: null
 ---
 

package/entries/ais-community-dark-depth/entry.md

@@ -10,11 +10,34 @@ captured:
   method: frames
   at: '2026-09-14'
   tool: wp-design-library@0.1.0
+  captures:
+    - method: frames
+      artifacts:
+        - key: entries/ais-community-dark-depth/1/strip.webp
+          bytes: 159534
+          sha256: 83c72a9d4a95a8e3f5d8fac2a27ca2adf1996b5ea123d5caaf8af0e0611d588d
+      frames: 228
+      duration_ms: 22800
 media:
   frames: 228
   duration_ms: 22800
-roles: [hero, explainer, capability, feature, proof, offer, faq, closing, footer]
-feel: [dark, premium, saas, depth, minimal, cold]
+roles:
+  - hero
+  - explainer
+  - capability
+  - feature
+  - proof
+  - offer
+  - faq
+  - closing
+  - footer
+feel:
+  - dark
+  - premium
+  - saas
+  - depth
+  - minimal
+  - cold
 palette:
   canvas: '#0b1218'
   ink: '#f2f5f8'
@@ -23,24 +46,26 @@ type:
   display: geometric sans (Montserrat-like), medium weight, tight tracking, two-line headlines with a soft break
   body: same family, regular, small and muted at roughly 60% ink
 motion:
-  devices: [parallax, drift, reveal, stagger, pin, stack, tabs]
+  devices:
+    - parallax
+    - drift
+    - reveal
+    - stagger
+    - pin
+    - stack
+    - tabs
   notes: >-
-    Eyeballed from 12 sampled frames, not measured. The hero is a layered scene: a
-    dark-blue sky gradient, two mountain silhouettes and a treeline, with the
-    app frame in front. On scroll the frame rises faster than the bed and the
-    bed than the sky (parallax, three depths), and the frame keeps drifting up
-    into the next section before the about copy takes over. The about copy is
-    painted dim and brightens as it enters (reveal on the text block, not on a
-    wrapper). Then the stacked cards, the page's second set piece: four
-    feature cards (Courses, Weekly calls, Rooms, Certification) each pin at
-    the same screen position while the next slides up over it, so the reader
-    scrolls through a deck rather than down a list; the hand-off is a slide
-    from below, not a fade, and the covered card stays put underneath. Before
-    them, the "One place to learn" panel is a tabbed card (Classroom, Live
-    calls, Events, Leaderboards) whose active tab changes on its own. The
-    three pricing cards and the video cards arrive as staggered reveals. The
-    closing section repeats the hero scene and frame at a smaller scale, so
-    the page ends where it began.
+    Eyeballed from 12 sampled frames, not measured. The hero is a layered scene: a dark-blue sky gradient, two
+    mountain silhouettes and a treeline, with the app frame in front. On scroll the frame rises faster than
+    the bed and the bed than the sky (parallax, three depths), and the frame keeps drifting up into the next
+    section before the about copy takes over. The about copy is painted dim and brightens as it enters (reveal
+    on the text block, not on a wrapper). Then the stacked cards, the page's second set piece: four feature
+    cards (Courses, Weekly calls, Rooms, Certification) each pin at the same screen position while the next
+    slides up over it, so the reader scrolls through a deck rather than down a list; the hand-off is a slide
+    from below, not a fade, and the covered card stays put underneath. Before them, the "One place to learn"
+    panel is a tabbed card (Classroom, Live calls, Events, Leaderboards) whose active tab changes on its own.
+    The three pricing cards and the video cards arrive as staggered reveals. The closing section repeats the
+    hero scene and frame at a smaller scale, so the page ends where it began.
 ported_from: null
 ---
 

package/entries/apple-home/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://www.apple.com/
-  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+  license: >-
+    Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
+    source.
 captured:
   method: both
   at: '2026-09-16'
@@ -14,21 +16,43 @@ captured:
     - method: frames
       input: /tmp/apple-home-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/apple-home/1/strip.webp
+          bytes: 260976
+          sha256: 39f96e40aaef306d12292310b04ccddcca2c9775be5056945bcddaf2983d35ed
       frames: 31
       duration_ms: 15317
     - method: both
       input: https://www.apple.com/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/apple-home/2/strip.webp
+          bytes: 309410
+          sha256: b5fb7c976fd0c2977550cdd0b3974756f12ddc4b3d868fcbc890988463daef2b
+        - key: entries/apple-home/2/measure.json
+          bytes: 1880
+          sha256: 0983d7f69b72edbbd7fb4e3fa126baea156623180226543b3e3e8e591b4a484a
+        - key: entries/apple-home/2/screen-1440.png
+          bytes: 95313
+          sha256: 6edc43b60e651fa6fa9279946fe5af7ffe8b76d8865d931b68037c6f4af3e1db
+        - key: entries/apple-home/2/screen-390.png
+          bytes: 35767
+          sha256: 5fc1c1f45b699aef90b812ef51376853b7fea6909ed8f8bc458f36add80e7dc5
 media:
   frames: 31
   duration_ms: 15317
-roles: [hero, feature, capability, offer, proof, closing, footer]
-feel: [light, premium, editorial, minimal, cold]
+roles:
+  - hero
+  - feature
+  - capability
+  - offer
+  - proof
+  - closing
+  - footer
+feel:
+  - light
+  - premium
+  - editorial
+  - minimal
+  - cold
 palette:
   canvas: '#ffffff'
   ink: '#1d1d1f'
@@ -37,8 +61,17 @@ type:
   display: '"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif'
   body: '"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif'
 motion:
-  devices: [reveal, pan, drift, tabs]
-  notes: 'The Refero recording opens on a glossy, dark WWDC26 Apple mark that changes shape and lighting before cutting into large iPhone launch panels. Product imagery eases into view behind fixed headline and action rows. The live page uses the same product-launch rhythm in a different campaign state, then switches to smaller offer tiles and an entertainment gallery with a documented 4.16-second dot-navigation cycle. No interaction trigger beyond the gallery navigation is asserted.'
+  devices:
+    - reveal
+    - pan
+    - drift
+    - tabs
+  notes: >-
+    The Refero recording opens on a glossy, dark WWDC26 Apple mark that changes shape and lighting before
+    cutting into large iPhone launch panels. Product imagery eases into view behind fixed headline and action
+    rows. The live page uses the same product-launch rhythm in a different campaign state, then switches to
+    smaller offer tiles and an entertainment gallery with a documented 4.16-second dot-navigation cycle. No
+    interaction trigger beyond the gallery navigation is asserted.
 ported_from: null
 ---
 

package/entries/apple-macbook-neo/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://www.apple.com/macbook-neo
-  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+  license: >-
+    Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
+    source.
 captured:
   method: both
   at: '2026-09-17'
@@ -14,21 +16,41 @@ captured:
     - method: frames
       input: /tmp/apple-macbook-neo-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/apple-macbook-neo/1/strip.webp
+          bytes: 160052
+          sha256: a8b2206815b870b4bb06ed0bc9a4ce2692668ebabb000e4bc57ab260c24d6a7b
       frames: 36
       duration_ms: 17433
     - method: both
       input: https://www.apple.com/macbook-neo
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/apple-macbook-neo/2/strip.webp
+          bytes: 126746
+          sha256: 46ee00809cb52c881234726000af731a1946f2fe4ed880a53c0657aeba935642
+        - key: entries/apple-macbook-neo/2/measure.json
+          bytes: 14487
+          sha256: 4c1ebeaf3622dc30740d8bb7a230eb0c035803b83cdd52d09f6a8d22b5876283
+        - key: entries/apple-macbook-neo/2/screen-1440.png
+          bytes: 172915
+          sha256: b843c6064ce42222dd3ab3439243925c65dfce4fc162583dbd03363a51fee615
+        - key: entries/apple-macbook-neo/2/screen-390.png
+          bytes: 69390
+          sha256: 0158d5425a826f64af6098d30e2a38bb9408dac56e575c6608ab898817b953de
 media:
   frames: 36
   duration_ms: 17433
-roles: [hero, feature, explainer, proof, offer]
-feel: [light, premium, minimal, editorial, depth]
+roles:
+  - hero
+  - feature
+  - explainer
+  - proof
+  - offer
+feel:
+  - light
+  - premium
+  - minimal
+  - editorial
+  - depth
 palette:
   canvas: '#ffffff'
   ink: '#1d1d1f'
@@ -37,8 +59,15 @@ type:
   display: '"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif'
   body: '"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif'
 motion:
-  devices: [reveal, pan, drift, stagger]
-  notes: Eyeballed from 36 sampled frames, not measured. Hands and product cards enter around the MacBook Neo hero, then the recording stages exploded views, screens, and accessories in sequential compositions. Individual triggers are not visible.
+  devices:
+    - reveal
+    - pan
+    - drift
+    - stagger
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. Hands and product cards enter around the MacBook Neo hero,
+    then the recording stages exploded views, screens, and accessories in sequential compositions. Individual
+    triggers are not visible.
 ported_from: null
 ---
 

package/entries/apple-watch-ultra-4/entry.md

@@ -10,9 +10,35 @@ captured:
   method: both
   at: '2026-09-16'
   tool: wp-design-library@0.3.0
+  captures:
+    - method: both
+      artifacts:
+        - key: entries/apple-watch-ultra-4/1/strip.webp
+          bytes: 129230
+          sha256: 19f9581ec5a22a9bc9aaad022289777d90796ad28b231062258f0d7a3d0195ab
+        - key: entries/apple-watch-ultra-4/1/measure.json
+          bytes: 12123
+          sha256: 1bf4bb697dcbc4f28324b26ef50160097867a3cae6afe44bae6b376ed08dbff4
+        - key: entries/apple-watch-ultra-4/1/screen-1440.png
+          bytes: 223306
+          sha256: c7cd6c1d9d38c0ecf442b013a3dd653cc31d4881d1e9485a448c80806acf193d
+        - key: entries/apple-watch-ultra-4/1/screen-390.png
+          bytes: 61999
+          sha256: 6efd8644043d4a252ee54632ce13d312b8ab2f7dcdb7b04a0b38866aadd22f2c
 media: {}
-roles: [hero, feature, capability, explainer, offer, footer]
-feel: [dark, premium, minimal, depth, cold]
+roles:
+  - hero
+  - feature
+  - capability
+  - explainer
+  - offer
+  - footer
+feel:
+  - dark
+  - premium
+  - minimal
+  - depth
+  - cold
 palette:
   canvas: '#000000'
   ink: '#1d1d1f'
@@ -21,16 +47,15 @@ type:
   display: '"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif'
   body: '"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif'
 motion:
-  devices: [tabs]
+  devices:
+    - tabs
   notes: >-
-    Eyeballed from 12 sampled frames, not measured. The page hands off between
-    large, isolated product stories on a nearly uninterrupted black canvas:
-    the hero places the watch beneath a large headline, later frames move from
-    health metrics to a running display, battery claim and feature cards. The
-    health/product-viewer areas show paired circular arrow controls, indicating
-    an inspectable carousel or tab-like sequence. The static scroll samples do
-    not establish a timed reveal, parallax, pinning, or the exact transition
-    between slides, so those devices are intentionally not claimed.
+    Eyeballed from 12 sampled frames, not measured. The page hands off between large, isolated product stories
+    on a nearly uninterrupted black canvas: the hero places the watch beneath a large headline, later frames
+    move from health metrics to a running display, battery claim and feature cards. The health/product-viewer
+    areas show paired circular arrow controls, indicating an inspectable carousel or tab-like sequence. The
+    static scroll samples do not establish a timed reveal, parallax, pinning, or the exact transition between
+    slides, so those devices are intentionally not claimed.
 ported_from: null
 ---
 

package/entries/bpco/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://www.bpco.kr/
-  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+  license: >-
+    Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
+    source.
 captured:
   method: frames
   at: '2026-09-16'
@@ -14,17 +16,23 @@ captured:
     - method: frames
       input: /tmp/bpco-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/bpco/1/strip.webp
+          bytes: 108896
+          sha256: 792a2cd8dfcb7e93109834204ce7fbb8db9ff8ce93da7c05c83df1e8f99b7e09
       frames: 13
       duration_ms: 6500
     - method: frames
       input: https://www.bpco.kr/
       artifacts:
-        - captures/2/strip.webp
+        - key: entries/bpco/2/strip.webp
+          bytes: 203722
+          sha256: a9a77c0c1fbf0b2f5304edec546e85a97b1c06726222d5e3af888e6a53552e37
     - method: frames
       input: /tmp/bpco-screencast-1280.webm
       artifacts:
-        - captures/3/strip.webp
+        - key: entries/bpco/3/strip.webp
+          bytes: 190316
+          sha256: fef05b439eab8731144c67f8573336455609f3d0b30ba93024f698388f87313a
       frames: 36
       duration_ms: 27617
 media:
@@ -56,9 +64,9 @@ motion:
     - reveal
     - wipe
   notes: >-
-    Eyeballed from 13 sampled frames, not measured. The recording pans across a tilted, oversized typographic surface:
-    condensed headlines, Korean labels, stamps, stars, and printed micro-copy move together as one poster-like
-    composition. Input triggers are not visible.
+    Eyeballed from 13 sampled frames, not measured. The recording pans across a tilted, oversized typographic
+    surface: condensed headlines, Korean labels, stamps, stars, and printed micro-copy move together as one
+    poster-like composition. Input triggers are not visible.
 ported_from: null
 ---
 

package/entries/column/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://column.com/
-  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+  license: >-
+    Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
+    source.
 captured:
   method: both
   at: '2026-09-16'
@@ -14,16 +16,26 @@ captured:
     - method: frames
       input: /tmp/column-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/column/1/strip.webp
+          bytes: 154448
+          sha256: 365ad51a4e79a1b13efe4b4f9ebefd63c9abcd05fef9842252e73f5b68cbfade
       frames: 36
       duration_ms: 32417
     - method: both
       input: https://column.com/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/column/2/strip.webp
+          bytes: 276266
+          sha256: d05931f4d2032b84c50ca2d8f68c8f80ad5026c6c432d360204a0f084fd0e25f
+        - key: entries/column/2/measure.json
+          bytes: 28177
+          sha256: 59678c5d1659ee3bf8ad36a74d812b2eeffafd0298e86d4418b8097f588ba03a
+        - key: entries/column/2/screen-1440.png
+          bytes: 369814
+          sha256: 7f2426eff3fa18e9cb850a729a03a6062b3e7a457efc2bc4ce84810550f3dffc
+        - key: entries/column/2/screen-390.png
+          bytes: 307184
+          sha256: cb08ba73f89e5ac46ae5f658f4518b1b7922053c0ba05cf75d5f93c3eddf5cc8
 media:
   frames: 36
   duration_ms: 32417
@@ -55,9 +67,10 @@ motion:
     - drift
     - stagger
   notes: >-
-    Eyeballed from the 36 sampled video frames, not measured. The recording moves from a dotted world map and floating
-    account card into layered orange chart panels, code/interface blocks, and a dark system diagram. Each chapter
-    reveals cards in small groups; the contact-sheet capture cannot establish interaction triggers.
+    Eyeballed from the 36 sampled video frames, not measured. The recording moves from a dotted world map and
+    floating account card into layered orange chart panels, code/interface blocks, and a dark system diagram.
+    Each chapter reveals cards in small groups; the contact-sheet capture cannot establish interaction
+    triggers.
 ported_from: null
 ---
 

package/entries/cthdrl/entry.md

@@ -14,21 +14,41 @@ captured:
     - method: frames
       input: /home/yojahny/Videos/Screencasts/Screencast_20260916_145447.webm
       artifacts:
-        - strip.webp
+        - key: entries/cthdrl/1/strip.webp
+          bytes: 224074
+          sha256: f734a161f634d3c81dbfe16ddee1921fd773927d72e6c14619da660c9bd8e93b
       frames: 30
       duration_ms: 14968
     - method: both
       input: https://cthdrl.co/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/cthdrl/2/strip.webp
+          bytes: 326636
+          sha256: 4d3939eebef95f79d708f6b4c914d343e3be1a20387dca70c360650fb356dba3
+        - key: entries/cthdrl/2/measure.json
+          bytes: 6418
+          sha256: 7f10757181fbb9a6e49314234f75114816a341a372c071c62ac64f877c8d2150
+        - key: entries/cthdrl/2/screen-1440.png
+          bytes: 295011
+          sha256: effcd18cca3246887dd75e52f400262499751241eb7642e879fde27f76ee2cd8
+        - key: entries/cthdrl/2/screen-390.png
+          bytes: 181021
+          sha256: ddb58a6d47cdfd8b94b8d2488b6f27fbcd6d442437887a321a080d6923e18064
 media:
   frames: 30
   duration_ms: 14968
-roles: [hero, feature, proof, footer]
-feel: [dark, premium, editorial, minimal, depth, cold]
+roles:
+  - hero
+  - feature
+  - proof
+  - footer
+feel:
+  - dark
+  - premium
+  - editorial
+  - minimal
+  - depth
+  - cold
 palette:
   canvas: '#000000'
   ink: '#e7ded1'
@@ -37,19 +57,21 @@ type:
   display: '"NB Akademie", sans-serif'
   body: '"NB Akademie Mono", sans-serif'
 motion:
-  devices: [marquee, wipe, pan, reveal, tabs]
+  devices:
+    - marquee
+    - wipe
+    - pan
+    - reveal
+    - tabs
   notes: >-
-    Eyeballed from 30 sampled recording frames plus a live measurement, not
-    measured frame by frame. A small all-caps line in the header moves
-    continuously as a marquee. The full-screen work sequence is organised by a
-    0/14-style project counter: thin concentric circles sweep and enlarge across
-    the screen as the Terminal project gives way to its interior image, then to
-    Jeen-Yuhs and its film frames. The circle is a mask/wipe rather than a
-    background decoration, revealing a new image and title beneath it. Project
-    labels and "VIEW" cues slide or cut into place, while the media itself pans
-    within its crop; the numbered work states behave as a tabbed/slideshow
-    sequence. The samples do not establish whether wheel input, clicks, or an
-    autoplay timer advances every state.
+    Eyeballed from 30 sampled recording frames plus a live measurement, not measured frame by frame. A small
+    all-caps line in the header moves continuously as a marquee. The full-screen work sequence is organised by
+    a 0/14-style project counter: thin concentric circles sweep and enlarge across the screen as the Terminal
+    project gives way to its interior image, then to Jeen-Yuhs and its film frames. The circle is a mask/wipe
+    rather than a background decoration, revealing a new image and title beneath it. Project labels and "VIEW"
+    cues slide or cut into place, while the media itself pans within its crop; the numbered work states behave
+    as a tabbed/slideshow sequence. The samples do not establish whether wheel input, clicks, or an autoplay
+    timer advances every state.
 ported_from: null
 ---