@yojahny/wp-design-library 0.5.1 → 1.0.0

package/entries/dala-craftedbygc/entry.md

@@ -10,34 +10,59 @@ captured:
   method: frames
   at: '2026-09-16'
   tool: wp-design-library@0.3.0
+  captures:
+    - method: frames
+      artifacts:
+        - key: entries/dala-craftedbygc/1/strip.webp
+          bytes: 502318
+          sha256: d305f5fdf2360d40736275cf965a2ba61d6b51f513f1c613b85f635331af2674
+      frames: 36
+      duration_ms: 42533
 media:
   frames: 36
   duration_ms: 42533
-roles: [hero, explainer, feature, capability, proof, closing, footer]
-feel: [dark, premium, playful, depth, saas, cold]
+roles:
+  - hero
+  - explainer
+  - feature
+  - capability
+  - proof
+  - closing
+  - footer
+feel:
+  - dark
+  - premium
+  - playful
+  - depth
+  - saas
+  - cold
 palette:
   canvas: '#000000'
   ink: '#ffffff'
   accent: '#9a9a9a'
 type:
   display: >-
-    PPNeueMontreal, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif
+    PPNeueMontreal, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    "Noto Sans", sans-serif
   body: >-
-    PPNeueMontreal, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif
+    PPNeueMontreal, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    "Noto Sans", sans-serif
 motion:
-  devices: [reveal, pin, parallax, drift, tabs]
+  devices:
+    - reveal
+    - pin
+    - parallax
+    - drift
+    - tabs
   notes: >-
-    Eyeballed from 36 sampled frames, not measured. The hero's dense, colourful
-    particle form remains on the dark stage while the opening copy changes, then
-    enlarges and resolves into a field of scattered outlined symbols; this reads
-    as a pinned hero hand-off with the form and its loose particles moving at
-    different apparent depths. The information field continues behind the
-    problem copy as small triangles and diamonds drift, while the next large
-    form gradually resolves at the right of the "Spark lightbulb moments" story.
-    Copy and the objects enter as separate reveals rather than one full-page
-    fade. The team panel's paired purple pagination dots and previous/next
-    controls indicate tabbed or carousel content. The samples do not establish
-    the exact easing or whether the particle system is mouse-reactive.
+    Eyeballed from 36 sampled frames, not measured. The hero's dense, colourful particle form remains on the
+    dark stage while the opening copy changes, then enlarges and resolves into a field of scattered outlined
+    symbols; this reads as a pinned hero hand-off with the form and its loose particles moving at different
+    apparent depths. The information field continues behind the problem copy as small triangles and diamonds
+    drift, while the next large form gradually resolves at the right of the "Spark lightbulb moments" story.
+    Copy and the objects enter as separate reveals rather than one full-page fade. The team panel's paired
+    purple pagination dots and previous/next controls indicate tabbed or carousel content. The samples do not
+    establish the exact easing or whether the particle system is mouse-reactive.
 ported_from: null
 ---
 

package/entries/dock/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://dock.us/
-  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,40 @@ captured:
     - method: frames
       input: /tmp/dock-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/dock/1/strip.webp
+          bytes: 241576
+          sha256: 46d661edb1a718c87950d86e1ba4c5476f979337a8a689dd98b8e8c166daeaed
       frames: 36
       duration_ms: 21750
     - method: both
       input: https://dock.us/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/dock/2/strip.webp
+          bytes: 286230
+          sha256: 5fe492f89d3fe971ac8a42b48dcc1980a45e63ed4d2537975db7a26cd63306e7
+        - key: entries/dock/2/measure.json
+          bytes: 4444
+          sha256: 70b7eab6170ecdca8796a82df2a7ab60557e6ba17a37b06fe4a1c74423a9fa17
+        - key: entries/dock/2/screen-1440.png
+          bytes: 506611
+          sha256: d15d2cbc0632e3d9d1287e8e2317858db9b143fdfc8804b0760a11424b07f0f5
+        - key: entries/dock/2/screen-390.png
+          bytes: 206081
+          sha256: 77e06585f78513fb55362e3d462162b43a902c778af5bbe10468a410bc5d1ae6
 media:
   frames: 36
   duration_ms: 21750
-roles: [hero, capability, proof, feature]
-feel: [light, saas, premium, depth, cold]
+roles:
+  - hero
+  - capability
+  - proof
+  - feature
+feel:
+  - light
+  - saas
+  - premium
+  - depth
+  - cold
 palette:
   canvas: '#ffffff'
   ink: '#121722'
@@ -37,8 +58,13 @@ type:
   display: Roobert, sans-serif
   body: Roobert, sans-serif
 motion:
-  devices: [reveal, pan]
-  notes: Eyeballed from 36 sampled frames, not measured. The hero introduces a deal-room interface, then the recording pans through success criteria, next steps, and collaborative message states. Individual interactions are not visible.
+  devices:
+    - reveal
+    - pan
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The hero introduces a deal-room interface, then the
+    recording pans through success criteria, next steps, and collaborative message states. Individual
+    interactions are not visible.
 ported_from: null
 ---
 

package/entries/dub/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://dub.co/
-  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,39 @@ captured:
     - method: frames
       input: /tmp/dub-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/dub/1/strip.webp
+          bytes: 149712
+          sha256: b97d97dfda1ad68af2d776003b1720ec2a89ca94de60011d426ff9bf79f223c5
       frames: 36
       duration_ms: 40983
     - method: both
       input: https://dub.co/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/dub/2/strip.webp
+          bytes: 185988
+          sha256: 42fb7f3377cfcbe04e82864dc119e11c1543a5bfa2220fe8e6c99d94a2a67efc
+        - key: entries/dub/2/measure.json
+          bytes: 843
+          sha256: a41d47192b7b0116efe5ceb85c3a9a3e8b3ef7b05bea03800530cb0a494c4e3a
+        - key: entries/dub/2/screen-1440.png
+          bytes: 64612
+          sha256: 4e5afedb67f9b726e9f047aaf07170ffc3f559063fbdc828d335500a40fafbd7
+        - key: entries/dub/2/screen-390.png
+          bytes: 55593
+          sha256: 34fef8e2a579662cdf0941c6a5eba50888ece98d96d9e1084f1f4283672b18d8
 media:
   frames: 36
   duration_ms: 40983
-roles: [hero, feature, proof]
-feel: [light, saas, minimal, cold, depth]
+roles:
+  - hero
+  - feature
+  - proof
+feel:
+  - light
+  - saas
+  - minimal
+  - cold
+  - depth
 palette:
   canvas: '#fafafa'
   ink: '#0a0a0a'
@@ -37,8 +57,13 @@ type:
   display: satoshi, "satoshi Fallback", system-ui, sans-serif
   body: Inter, "Inter Fallback", system-ui, sans-serif
 motion:
-  devices: [reveal, pan]
-  notes: Eyeballed from 36 sampled frames, not measured. The partner-program dashboard enters as a central product scene, then the recording changes through overview and payout states while the surrounding hero stays sparse; individual interface triggers are not visible.
+  devices:
+    - reveal
+    - pan
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The partner-program dashboard enters as a central product
+    scene, then the recording changes through overview and payout states while the surrounding hero stays
+    sparse; individual interface triggers are not visible.
 ported_from: null
 ---
 

package/entries/duolingo/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://duolingo.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,42 @@ captured:
     - method: frames
       input: /tmp/duolingo-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/duolingo/1/strip.webp
+          bytes: 206170
+          sha256: 46ba16a5f128d8ef90f23d1d75c577fa28e10eb04846bc97fe18266c67c15c12
       frames: 36
       duration_ms: 37617
     - method: both
       input: https://duolingo.com/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/duolingo/2/strip.webp
+          bytes: 169096
+          sha256: 916284dfda61685a1eada975032c9ad9bf37cf67bce086b6022e4e6ca3cdf5f1
+        - key: entries/duolingo/2/measure.json
+          bytes: 2454
+          sha256: 30c2cc54916a07c8456926931f695f73247a39e49849c0006684579e1af865f0
+        - key: entries/duolingo/2/screen-1440.png
+          bytes: 59917
+          sha256: 6f65e1607dd3338d0e4774728d85cd1aa3850ff5cd1f129823becf24acf7b203
+        - key: entries/duolingo/2/screen-390.png
+          bytes: 38030
+          sha256: c826165d39622da9dddcead35dc717102fbe95add9d6946562ca3478458d5a8a
 media:
   frames: 36
   duration_ms: 37617
-roles: [hero, explainer, capability, feature, offer, closing, footer]
-feel: [light, playful, minimal, warm]
+roles:
+  - hero
+  - explainer
+  - capability
+  - feature
+  - offer
+  - closing
+  - footer
+feel:
+  - light
+  - playful
+  - minimal
+  - warm
 palette:
   canvas: '#ffffff'
   ink: '#3c3c3c'
@@ -37,8 +60,17 @@ type:
   display: duolingo-sans, sans-serif
   body: duolingo-sans, sans-serif
 motion:
-  devices: [reveal, pan, drift, stagger]
-  notes: 'The Refero recording moves in distinct illustrated chapters: character groups and phones enter as a composition, the light-blue app chapter expands around floating icons and devices, and the deep-indigo Super Duolingo panel resets the pace before the closing offer. Objects appear to drift at different speeds while copy and illustration arrive as staged groups. The live capture confirms the same chapter sequence and composition, but no CSS animation inventory or interaction trigger was exposed.'
+  devices:
+    - reveal
+    - pan
+    - drift
+    - stagger
+  notes: >-
+    The Refero recording moves in distinct illustrated chapters: character groups and phones enter as a
+    composition, the light-blue app chapter expands around floating icons and devices, and the deep-indigo
+    Super Duolingo panel resets the pace before the closing offer. Objects appear to drift at different speeds
+    while copy and illustration arrive as staged groups. The live capture confirms the same chapter sequence
+    and composition, but no CSS animation inventory or interaction trigger was exposed.
 ported_from: null
 ---
 

package/entries/elevenlabs/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://elevenlabs.io/
-  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,44 @@ captured:
     - method: frames
       input: /tmp/elevenlabs-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/elevenlabs/1/strip.webp
+          bytes: 206874
+          sha256: 37aa1e61a97f041755726ed60efde8bdb00975f5d04f58fb66138bef96d63674
       frames: 36
       duration_ms: 33900
     - method: both
       input: https://elevenlabs.io/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/elevenlabs/2/strip.webp
+          bytes: 238972
+          sha256: 7e50987c060cfa35025f27cfb7fd26230d6228035651dec9d62f33cfb09af283
+        - key: entries/elevenlabs/2/measure.json
+          bytes: 3936
+          sha256: a506f12969ff10d03f262a9855e2bde19f685870287d2ab0619093094b6b8887
+        - key: entries/elevenlabs/2/screen-1440.png
+          bytes: 342094
+          sha256: 33b65af1afda6097d921f35a80206ab2baecee6c4b0b6db0ef53930e7f481344
+        - key: entries/elevenlabs/2/screen-390.png
+          bytes: 119411
+          sha256: a6365bb6fa3c5743fce8b7cbb9eefca21ad9e7cacf9644c960a4d76c71f05d53
 media:
   frames: 36
   duration_ms: 33900
-roles: [hero, explainer, capability, feature, proof, offer, closing, footer]
-feel: [light, premium, editorial, minimal, cold]
+roles:
+  - hero
+  - explainer
+  - capability
+  - feature
+  - proof
+  - offer
+  - closing
+  - footer
+feel:
+  - light
+  - premium
+  - editorial
+  - minimal
+  - cold
 palette:
   canvas: '#fdfcfc'
   ink: '#000000'
@@ -37,8 +62,15 @@ type:
   display: Waldenburg, "Waldenburg Fallback"
   body: Inter, "Inter Fallback"
 motion:
-  devices: [reveal, pan, stagger, wipe]
-  notes: 'The Refero recording presents voice-AI capabilities in staged editorial panels, with interface demos and copy changing one group at a time. The live capture records short 250–300ms navigation and SVG transitions across the current page. It does not establish individual input triggers.'
+  devices:
+    - reveal
+    - pan
+    - stagger
+    - wipe
+  notes: >-
+    The Refero recording presents voice-AI capabilities in staged editorial panels, with interface demos and
+    copy changing one group at a time. The live capture records short 250–300ms navigation and SVG transitions
+    across the current page. It does not establish individual input triggers.
 ported_from: null
 ---
 

package/entries/flying-papers/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://www.flyingpapers.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,36 @@ captured:
     - method: frames
       input: /tmp/flying-papers-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/flying-papers/1/strip.webp
+          bytes: 217850
+          sha256: e6811f92b94745ad29d9262ac68df0229617904d6354a80f56f4ba3b53192cd4
       frames: 36
       duration_ms: 21283
     - method: both
       input: https://www.flyingpapers.com/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/flying-papers/2/strip.webp
+          bytes: 158366
+          sha256: 601e14a037c1aa54cf69e03279347cd232007218da5a0dadd936353499bd1046
+        - key: entries/flying-papers/2/measure.json
+          bytes: 6580
+          sha256: 96c8db592b057478ceb98f7315f80562aaacd74d85627af1970b83ee9b0f20e1
+        - key: entries/flying-papers/2/screen-1440.png
+          bytes: 76737
+          sha256: 2c671a8439eb59c0056b2e89d06b1537f5327f26783d47f93bec559c7f098c11
+        - key: entries/flying-papers/2/screen-390.png
+          bytes: 31970
+          sha256: d336103029e50f092bd71314620b81262e267b4334c1982f842719713d026a7c
 media:
   frames: 36
   duration_ms: 21283
-roles: [hero, explainer]
-feel: [playful, brutalist, warm]
+roles:
+  - hero
+  - explainer
+feel:
+  - playful
+  - brutalist
+  - warm
 palette:
   canvas: '#606799'
   ink: '#000000'
@@ -37,8 +54,13 @@ type:
   display: Heavy rounded condensed display sans
   body: bergen_monoregular
 motion:
-  devices: [reveal, pan]
-  notes: Eyeballed from 36 sampled frames, not measured. The oversized question remains fixed while the illustrated character first peeks through the letterforms and then shifts across the headline; no scroll behavior is shown.
+  devices:
+    - reveal
+    - pan
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The oversized question remains fixed while the illustrated
+    character first peeks through the letterforms and then shifts across the headline; no scroll behavior is
+    shown.
 ported_from: null
 ---
 

package/entries/gsap/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://gsap.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-17'
@@ -14,21 +16,41 @@ captured:
     - method: frames
       input: /tmp/gsap-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/gsap/1/strip.webp
+          bytes: 213026
+          sha256: 14e358e511adf5d6c6247efadc17b6048fa7329f964f7282568cd1440d533445
       frames: 36
       duration_ms: 33017
     - method: both
       input: https://gsap.com/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/gsap/2/strip.webp
+          bytes: 154522
+          sha256: 89f04bccf54a36e0117cb1e9d0692bb8f1d259d325e79bcffdecb06877cf115b
+        - key: entries/gsap/2/measure.json
+          bytes: 2176
+          sha256: 543cbb326b69d45963a46ba738ac07317ab12bf74a87f2bb8ad62396c5502160
+        - key: entries/gsap/2/screen-1440.png
+          bytes: 91838
+          sha256: 39658f45d11b69437ddb33f1cc0021c91f5ba166c2314a63457006d246324ba0
+        - key: entries/gsap/2/screen-390.png
+          bytes: 52348
+          sha256: 81e76cfebb83cfa767dee96b735d0969eaa2800ffc8ab89171cb6173c61282c1
 media:
   frames: 36
   duration_ms: 33017
-roles: [hero, capability, feature, explainer, proof]
-feel: [dark, premium, brutalist, editorial, depth]
+roles:
+  - hero
+  - capability
+  - feature
+  - explainer
+  - proof
+feel:
+  - dark
+  - premium
+  - brutalist
+  - editorial
+  - depth
 palette:
   canvas: '#0e100f'
   ink: '#fffce1'
@@ -37,8 +59,16 @@ type:
   display: Mori, sans-serif
   body: Mori, sans-serif
 motion:
-  devices: [reveal, pan, stagger, tabs, wipe]
-  notes: Eyeballed from 36 sampled frames, not measured. The dark hero cycles through oversized type specimens, color demos, and component examples; sections hand off through quick staged changes and grouped reveals. The recording does not establish whether each transition is scroll- or interaction-triggered.
+  devices:
+    - reveal
+    - pan
+    - stagger
+    - tabs
+    - wipe
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The dark hero cycles through oversized type specimens,
+    color demos, and component examples; sections hand off through quick staged changes and grouped reveals.
+    The recording does not establish whether each transition is scroll- or interaction-triggered.
 ported_from: null
 ---
 

package/entries/letters/entry.md

@@ -5,7 +5,9 @@ tier: inspiration
 source:
   kind: public-site
   url: https://letters.app/
-  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/letters-refero.mp4
       artifacts:
-        - strip.webp
+        - key: entries/letters/1/strip.webp
+          bytes: 166812
+          sha256: 372c930ba6ddaec7bf8d8824c049002e99cb96ef86de029e8f82d557bd9db75f
       frames: 36
       duration_ms: 22833
     - method: both
       input: https://letters.app/
       artifacts:
-        - captures/2/strip.webp
-        - captures/2/measure.json
-        - captures/2/screen-1440.png
-        - captures/2/screen-390.png
+        - key: entries/letters/2/strip.webp
+          bytes: 163562
+          sha256: 23cd812d459a9c32a28678fb837ad5063703110eac7d581f591cd34fa587edd6
+        - key: entries/letters/2/measure.json
+          bytes: 438
+          sha256: 8b6d24bccf6844901fcb1cedbf7fcfe54969ddbdf04c2434f724181f7e1f4ebb
+        - key: entries/letters/2/screen-1440.png
+          bytes: 155462
+          sha256: f87920d4af09863faeee2670f1577bc1bfdba86e8995d4cc755a7ebc53c40ede
+        - key: entries/letters/2/screen-390.png
+          bytes: 79149
+          sha256: 52eebd28e303ffccfcf355f38b949cc2176943d0d42a16a06c5788acc453c334
 media:
   frames: 36
   duration_ms: 22833
-roles: [hero, explainer, capability, feature, proof, closing, footer]
-feel: [light, premium, minimal, saas, cold]
+roles:
+  - hero
+  - explainer
+  - capability
+  - feature
+  - proof
+  - closing
+  - footer
+feel:
+  - light
+  - premium
+  - minimal
+  - saas
+  - cold
 palette:
   canvas: '#ffffff'
   ink: '#000000'
@@ -37,8 +61,14 @@ type:
   display: '"Open Runde", "Open Runde Placeholder", sans-serif'
   body: '"Open Runde", "Open Runde Placeholder", sans-serif'
 motion:
-  devices: [reveal, pan, stagger]
-  notes: 'The Refero recording changes between product cards, app interfaces, transcription examples, patient-practice workflow, proof, and privacy modules in staged groups. Interface panels remain calm while supporting details arrive progressively; input triggers are not established.'
+  devices:
+    - reveal
+    - pan
+    - stagger
+  notes: >-
+    The Refero recording changes between product cards, app interfaces, transcription examples,
+    patient-practice workflow, proof, and privacy modules in staged groups. Interface panels remain calm while
+    supporting details arrive progressively; input triggers are not established.
 ported_from: null
 ---