@yojahny/wp-design-library 0.5.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/bin/library.mjs +1 -0
  2. package/entries/ada/entry.md +24 -6
  3. package/entries/air/entry.md +39 -10
  4. package/entries/ais-community-dark-depth/entry.md +44 -19
  5. package/entries/apple-home/entry.md +43 -10
  6. package/entries/apple-macbook-neo/entry.md +39 -10
  7. package/entries/apple-watch-ultra-4/entry.md +36 -11
  8. package/entries/bpco/entry.md +15 -7
  9. package/entries/column/entry.md +22 -9
  10. package/entries/cthdrl/entry.md +41 -19
  11. package/entries/dala-craftedbygc/entry.md +41 -16
  12. package/entries/dock/entry.md +36 -10
  13. package/entries/dub/entry.md +35 -10
  14. package/entries/duolingo/entry.md +42 -10
  15. package/entries/elevenlabs/entry.md +42 -10
  16. package/entries/flying-papers/entry.md +32 -10
  17. package/entries/gsap/entry.md +40 -10
  18. package/entries/letters/entry.md +40 -10
  19. package/entries/micro/entry.md +34 -10
  20. package/entries/monopo-saigon/entry.md +41 -12
  21. package/entries/notion/entry.md +42 -10
  22. package/entries/origin-financial/entry.md +42 -9
  23. package/entries/oryzo-ai/entry.md +46 -11
  24. package/entries/silencio/entry.md +6 -2
  25. package/entries/steep/entry.md +38 -12
  26. package/entries/stripe/entry.md +34 -10
  27. package/entries/superpower/entry.md +43 -9
  28. package/entries/superr/entry.md +22 -6
  29. package/entries/svz-weare/entry.md +15 -5
  30. package/entries/thoughtlab/entry.md +42 -10
  31. package/entries/ventriloc/entry.md +22 -6
  32. package/entries/vivid-and-co/entry.md +30 -5
  33. package/package.json +4 -1
  34. package/src/artifacts.mjs +31 -0
  35. package/src/cli/add.mjs +55 -24
  36. package/src/cli/index.mjs +1 -1
  37. package/src/cli/migrate-artifacts.mjs +92 -0
  38. package/src/cli/motion.mjs +19 -39
  39. package/src/cli/refresh.mjs +40 -10
  40. package/src/cli/save.mjs +1 -1
  41. package/src/cli/serve.mjs +27 -7
  42. package/src/cli/ui.mjs +1 -1
  43. package/src/entry.mjs +15 -11
  44. package/src/index/build.mjs +13 -3
  45. package/src/ingest/agreement.mjs +14 -1
  46. package/src/ingest/attach.mjs +8 -15
  47. package/src/ingest/save.mjs +2 -2
  48. package/src/mcp/tools.mjs +29 -17
  49. package/src/r2.mjs +95 -0
  50. package/src/ui/build.mjs +30 -12
  51. package/src/ui/templates/index.html +2 -0
  52. package/entries/ada/strip.webp +0 -0
  53. package/entries/air/captures/2/measure.json +0 -325
  54. package/entries/air/captures/2/strip.webp +0 -0
  55. package/entries/air/strip.webp +0 -0
  56. package/entries/ais-community-dark-depth/strip.webp +0 -0
  57. package/entries/apple-home/captures/2/measure.json +0 -91
  58. package/entries/apple-home/captures/2/strip.webp +0 -0
  59. package/entries/apple-home/strip.webp +0 -0
  60. package/entries/apple-macbook-neo/captures/2/measure.json +0 -570
  61. package/entries/apple-macbook-neo/captures/2/strip.webp +0 -0
  62. package/entries/apple-macbook-neo/strip.webp +0 -0
  63. package/entries/apple-watch-ultra-4/measure.json +0 -481
  64. package/entries/apple-watch-ultra-4/strip.webp +0 -0
  65. package/entries/bpco/captures/2/strip.webp +0 -0
  66. package/entries/bpco/captures/3/strip.webp +0 -0
  67. package/entries/bpco/strip.webp +0 -0
  68. package/entries/column/captures/2/measure.json +0 -996
  69. package/entries/column/captures/2/strip.webp +0 -0
  70. package/entries/column/strip.webp +0 -0
  71. package/entries/cthdrl/captures/2/measure.json +0 -251
  72. package/entries/cthdrl/captures/2/strip.webp +0 -0
  73. package/entries/cthdrl/strip.webp +0 -0
  74. package/entries/dala-craftedbygc/strip.webp +0 -0
  75. package/entries/dock/captures/2/measure.json +0 -206
  76. package/entries/dock/captures/2/strip.webp +0 -0
  77. package/entries/dock/strip.webp +0 -0
  78. package/entries/dub/captures/2/measure.json +0 -37
  79. package/entries/dub/captures/2/strip.webp +0 -0
  80. package/entries/dub/strip.webp +0 -0
  81. package/entries/duolingo/captures/2/measure.json +0 -138
  82. package/entries/duolingo/captures/2/strip.webp +0 -0
  83. package/entries/duolingo/strip.webp +0 -0
  84. package/entries/elevenlabs/captures/2/measure.json +0 -160
  85. package/entries/elevenlabs/captures/2/strip.webp +0 -0
  86. package/entries/elevenlabs/strip.webp +0 -0
  87. package/entries/flying-papers/captures/2/measure.json +0 -291
  88. package/entries/flying-papers/captures/2/strip.webp +0 -0
  89. package/entries/flying-papers/strip.webp +0 -0
  90. package/entries/gsap/captures/2/measure.json +0 -120
  91. package/entries/gsap/captures/2/strip.webp +0 -0
  92. package/entries/gsap/strip.webp +0 -0
  93. package/entries/letters/captures/2/measure.json +0 -20
  94. package/entries/letters/captures/2/strip.webp +0 -0
  95. package/entries/letters/strip.webp +0 -0
  96. package/entries/micro/captures/2/measure.json +0 -852
  97. package/entries/micro/captures/2/strip.webp +0 -0
  98. package/entries/micro/strip.webp +0 -0
  99. package/entries/monopo-saigon/captures/2/measure.json +0 -145
  100. package/entries/monopo-saigon/captures/2/strip.webp +0 -0
  101. package/entries/monopo-saigon/strip.webp +0 -0
  102. package/entries/notion/captures/2/measure.json +0 -338
  103. package/entries/notion/captures/2/strip.webp +0 -0
  104. package/entries/notion/strip.webp +0 -0
  105. package/entries/origin-financial/captures/2/measure.json +0 -169
  106. package/entries/origin-financial/captures/2/strip.webp +0 -0
  107. package/entries/origin-financial/strip.webp +0 -0
  108. package/entries/oryzo-ai/captures/2/measure.json +0 -39
  109. package/entries/oryzo-ai/captures/2/strip.webp +0 -0
  110. package/entries/oryzo-ai/strip.webp +0 -0
  111. package/entries/silencio/captures/2/strip.webp +0 -0
  112. package/entries/silencio/strip.webp +0 -0
  113. package/entries/steep/captures/2/measure.json +0 -20
  114. package/entries/steep/captures/2/strip.webp +0 -0
  115. package/entries/steep/strip.webp +0 -0
  116. package/entries/stripe/captures/2/measure.json +0 -892
  117. package/entries/stripe/captures/2/strip.webp +0 -0
  118. package/entries/stripe/strip.webp +0 -0
  119. package/entries/superpower/captures/2/measure.json +0 -179
  120. package/entries/superpower/captures/2/strip.webp +0 -0
  121. package/entries/superpower/strip.webp +0 -0
  122. package/entries/superr/strip.webp +0 -0
  123. package/entries/svz-weare/captures/2/measure.json +0 -129
  124. package/entries/svz-weare/captures/2/strip.webp +0 -0
  125. package/entries/svz-weare/strip.webp +0 -0
  126. package/entries/thoughtlab/captures/2/measure.json +0 -93
  127. package/entries/thoughtlab/captures/2/strip.webp +0 -0
  128. package/entries/thoughtlab/strip.webp +0 -0
  129. package/entries/ventriloc/strip.webp +0 -0
  130. package/entries/vivid-and-co/strip.webp +0 -0
@@ -5,7 +5,9 @@ tier: inspiration
5
5
  source:
6
6
  kind: public-site
7
7
  url: https://www.micro.so/
8
- license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
8
+ license: >-
9
+ Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
10
+ source.
9
11
  captured:
10
12
  method: both
11
13
  at: '2026-09-16'
@@ -14,21 +16,38 @@ captured:
14
16
  - method: frames
15
17
  input: /tmp/micro-refero.mp4
16
18
  artifacts:
17
- - strip.webp
19
+ - key: entries/micro/1/strip.webp
20
+ bytes: 226620
21
+ sha256: b63c61f870cbeebf9bd728dba0d9cc7ee7c2e20013eccb9534ef27c9ccd873ce
18
22
  frames: 36
19
23
  duration_ms: 19233
20
24
  - method: both
21
25
  input: https://www.micro.so/
22
26
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
27
+ - key: entries/micro/2/strip.webp
28
+ bytes: 209510
29
+ sha256: 85017d4ef8b3cff6fa67b9323b2ba276ef9b317e8d1862ae2e1b238965deba2b
30
+ - key: entries/micro/2/measure.json
31
+ bytes: 24205
32
+ sha256: 3d4c3787510f7f0808dc30bf7aecf3dd592f4ec97f75120446c4f180542fca1b
33
+ - key: entries/micro/2/screen-1440.png
34
+ bytes: 125952
35
+ sha256: 8f8fe085a70d75f830dc03782a4aa4fba6783d03b5188409b3c1158e63ed2a92
36
+ - key: entries/micro/2/screen-390.png
37
+ bytes: 58827
38
+ sha256: ff8c65dd98c08d0d1a3f29fc17af23d2a9516e1a1568a22c7754c48e6fda504b
27
39
  media:
28
40
  frames: 36
29
41
  duration_ms: 19233
30
- roles: [hero, feature, capability]
31
- feel: [light, premium, saas, depth]
42
+ roles:
43
+ - hero
44
+ - feature
45
+ - capability
46
+ feel:
47
+ - light
48
+ - premium
49
+ - saas
50
+ - depth
32
51
  palette:
33
52
  canvas: '#f5f5f5'
34
53
  ink: '#221f1c'
@@ -37,8 +56,13 @@ type:
37
56
  display: haffer, "haffer Fallback"
38
57
  body: haffer, "haffer Fallback"
39
58
  motion:
40
- devices: [reveal, pan]
41
- notes: Eyeballed from 36 sampled frames, not measured. The blue-sky hero holds while the work app is introduced along the lower edge, then the recording moves into a denser workspace view; individual input triggers are not visible.
59
+ devices:
60
+ - reveal
61
+ - pan
62
+ notes: >-
63
+ Eyeballed from 36 sampled frames, not measured. The blue-sky hero holds while the work app is introduced
64
+ along the lower edge, then the recording moves into a denser workspace view; individual input triggers are
65
+ not visible.
42
66
  ported_from: null
43
67
  ---
44
68
 
@@ -5,7 +5,9 @@ tier: inspiration
5
5
  source:
6
6
  kind: public-site
7
7
  url: https://monopo.vn/
8
- license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
8
+ license: >-
9
+ Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
10
+ source.
9
11
  captured:
10
12
  method: both
11
13
  at: '2026-09-17'
@@ -14,21 +16,41 @@ captured:
14
16
  - method: frames
15
17
  input: /tmp/monopo-saigon-refero.mp4
16
18
  artifacts:
17
- - strip.webp
19
+ - key: entries/monopo-saigon/1/strip.webp
20
+ bytes: 146110
21
+ sha256: f8a9c082f24467a5ba55f16b5732fb6fc3663c69b0f47c21b04e360467b28b49
18
22
  frames: 36
19
23
  duration_ms: 17100
20
24
  - method: both
21
25
  input: https://monopo.vn/
22
26
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
27
+ - key: entries/monopo-saigon/2/strip.webp
28
+ bytes: 221992
29
+ sha256: 2f0b0db0deedb3febb104d26c0ccf590b74ddcb05080fa32bf73f2927efb7f9b
30
+ - key: entries/monopo-saigon/2/measure.json
31
+ bytes: 2742
32
+ sha256: 53676454e60f6906d40465769d306780ebebadea79a01471fdc3c16695b986c2
33
+ - key: entries/monopo-saigon/2/screen-1440.png
34
+ bytes: 1712201
35
+ sha256: 7bdc083029902a98ca101055a1209fd7c7005c85dc4c25b86a33529f07e26ff9
36
+ - key: entries/monopo-saigon/2/screen-390.png
37
+ bytes: 431767
38
+ sha256: 8a5e7c302e03725024be6ce8a1424fac8491caff26ba847c1602f2b6ff6798d6
27
39
  media:
28
40
  frames: 36
29
41
  duration_ms: 17100
30
- roles: [hero, process, capability, feature, closing]
31
- feel: [dark, premium, editorial, depth, cold]
42
+ roles:
43
+ - hero
44
+ - process
45
+ - capability
46
+ - feature
47
+ - closing
48
+ feel:
49
+ - dark
50
+ - premium
51
+ - editorial
52
+ - depth
53
+ - cold
32
54
  palette:
33
55
  canvas: '#11130f'
34
56
  ink: '#ffffff'
@@ -36,11 +58,18 @@ palette:
36
58
  type:
37
59
  display: Editorial geometric sans with generous tracking
38
60
  body: >-
39
- system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Segoe UI", Helvetica,
40
- Arial, "Apple Color Emoji", "Segoe UI Emoji"
61
+ system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Segoe UI",
62
+ Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"
41
63
  motion:
42
- devices: [reveal, pan, drift, parallax]
43
- notes: Eyeballed from 36 sampled frames, not measured. A soft organic field moves behind the centered “United, Unbound” statement, then the recording hands off to dark project and studio views with slow layered drift. Individual triggers are not visible.
64
+ devices:
65
+ - reveal
66
+ - pan
67
+ - drift
68
+ - parallax
69
+ notes: >-
70
+ Eyeballed from 36 sampled frames, not measured. A soft organic field moves behind the centered “United,
71
+ Unbound” statement, then the recording hands off to dark project and studio views with slow layered drift.
72
+ Individual triggers are not visible.
44
73
  ported_from: null
45
74
  ---
46
75
 
@@ -5,7 +5,9 @@ tier: inspiration
5
5
  source:
6
6
  kind: public-site
7
7
  url: https://notion.so/
8
- license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
8
+ license: >-
9
+ Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
10
+ source.
9
11
  captured:
10
12
  method: both
11
13
  at: '2026-09-16'
@@ -14,21 +16,44 @@ captured:
14
16
  - method: frames
15
17
  input: /tmp/notion-refero.mp4
16
18
  artifacts:
17
- - strip.webp
19
+ - key: entries/notion/1/strip.webp
20
+ bytes: 284624
21
+ sha256: e0abe05fa0b34f8cee33b1c98a2143501a651c2c8a08e384b52cefc31a11ab4d
18
22
  frames: 36
19
23
  duration_ms: 23500
20
24
  - method: both
21
25
  input: https://notion.so/
22
26
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
27
+ - key: entries/notion/2/strip.webp
28
+ bytes: 309368
29
+ sha256: a4554a7dec4067e393d08ebb9a95ce1b3bd004243bd4428dd48a45e4869c8ef2
30
+ - key: entries/notion/2/measure.json
31
+ bytes: 10675
32
+ sha256: 2bdff8f5352afd900c279cf2de8a286d3646a2eb1186ad7e00752eafc4cce330
33
+ - key: entries/notion/2/screen-1440.png
34
+ bytes: 176636
35
+ sha256: 469fbc37a38536735c9bf8ab395082728d9afbea2721a186a50b39bfd71dfe9c
36
+ - key: entries/notion/2/screen-390.png
37
+ bytes: 70466
38
+ sha256: a5f9047b16c5ad46172519e980ccd21b29d822560381ad9be003b8427d0ca7aa
27
39
  media:
28
40
  frames: 36
29
41
  duration_ms: 23500
30
- roles: [hero, explainer, capability, feature, proof, offer, closing, footer]
31
- feel: [light, premium, minimal, saas, cold]
42
+ roles:
43
+ - hero
44
+ - explainer
45
+ - capability
46
+ - feature
47
+ - proof
48
+ - offer
49
+ - closing
50
+ - footer
51
+ feel:
52
+ - light
53
+ - premium
54
+ - minimal
55
+ - saas
56
+ - cold
32
57
  palette:
33
58
  canvas: '#ffffff'
34
59
  ink: '#000000'
@@ -41,8 +66,15 @@ type:
41
66
  NotionInter, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial,
42
67
  sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
43
68
  motion:
44
- devices: [reveal, pan, stagger, tabs]
45
- notes: 'The Refero recording moves through workspace, agent, assistant, connected-work, and testimonial chapters as staged interface compositions. Product cards and conversation panels change as grouped scenes; the live capture confirms the same broad sequence. Individual input triggers are not asserted.'
69
+ devices:
70
+ - reveal
71
+ - pan
72
+ - stagger
73
+ - tabs
74
+ notes: >-
75
+ The Refero recording moves through workspace, agent, assistant, connected-work, and testimonial chapters
76
+ as staged interface compositions. Product cards and conversation panels change as grouped scenes; the live
77
+ capture confirms the same broad sequence. Individual input triggers are not asserted.
46
78
  ported_from: null
47
79
  ---
48
80
 
@@ -14,21 +14,43 @@ captured:
14
14
  - method: frames
15
15
  input: /home/yojahny/Desktop/inspiration/originfinnacial.mp4
16
16
  artifacts:
17
- - strip.webp
17
+ - key: entries/origin-financial/1/strip.webp
18
+ bytes: 209878
19
+ sha256: 3df9554d3c052cc5fbab627cae5a1e17cab64582f44f43f54fcda01575fc1b17
18
20
  frames: 36
19
21
  duration_ms: 25050
20
22
  - method: both
21
23
  input: https://www.useorigin.com
22
24
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
25
+ - key: entries/origin-financial/2/strip.webp
26
+ bytes: 139348
27
+ sha256: ec32ae62f7a5a650c064c4b0789a362e3292762e776cbc2286ded7daf2c54717
28
+ - key: entries/origin-financial/2/measure.json
29
+ bytes: 3588
30
+ sha256: 7d817f9999b5671b73c6f305996f5b28d39afde3cb22a7b8805b4a81c1999158
31
+ - key: entries/origin-financial/2/screen-1440.png
32
+ bytes: 353173
33
+ sha256: 16a8086a013b94ab63a0f10de71be6529c5dc17f5b4918695bf7722a41939846
34
+ - key: entries/origin-financial/2/screen-390.png
35
+ bytes: 167580
36
+ sha256: 6945c34153820098ddfecca6212f93ff00c76e1b2ea31fc13a1fa6d4c847c0cc
27
37
  media:
28
38
  frames: 36
29
39
  duration_ms: 25050
30
- roles: [hero, explainer, capability, feature, proof, closing, footer]
31
- feel: [dark, premium, editorial, depth, cold]
40
+ roles:
41
+ - hero
42
+ - explainer
43
+ - capability
44
+ - feature
45
+ - proof
46
+ - closing
47
+ - footer
48
+ feel:
49
+ - dark
50
+ - premium
51
+ - editorial
52
+ - depth
53
+ - cold
32
54
  palette:
33
55
  canvas: '#050505'
34
56
  ink: '#ffffff'
@@ -37,8 +59,19 @@ type:
37
59
  display: '"Lyondisplay App", Georgia, sans-serif'
38
60
  body: Inter, sans-serif
39
61
  motion:
40
- devices: [reveal, pan, wipe, drift, stagger]
41
- notes: 'The supplied recording uses soft fades and editorial cuts between a cloud-backed hero, device renders, dark product panels, violet feature cards, and a blue forecast module. Screen content advances in staged groups rather than all at once; the circular testimonial vignette expands from a black field with a pale halo. The live page confirms animated gradient/border treatment around product panels, a pulsing advice indicator, and two long-running background animations in the certificate section. No interaction trigger is claimed from these captures.'
62
+ devices:
63
+ - reveal
64
+ - pan
65
+ - wipe
66
+ - drift
67
+ - stagger
68
+ notes: >-
69
+ The supplied recording uses soft fades and editorial cuts between a cloud-backed hero, device renders,
70
+ dark product panels, violet feature cards, and a blue forecast module. Screen content advances in staged
71
+ groups rather than all at once; the circular testimonial vignette expands from a black field with a pale
72
+ halo. The live page confirms animated gradient/border treatment around product panels, a pulsing advice
73
+ indicator, and two long-running background animations in the certificate section. No interaction trigger
74
+ is claimed from these captures.
42
75
  ported_from: null
43
76
  ---
44
77
 
@@ -5,7 +5,9 @@ tier: inspiration
5
5
  source:
6
6
  kind: public-site
7
7
  url: https://oryzo.ai/
8
- license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
8
+ license: >-
9
+ Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
10
+ source.
9
11
  captured:
10
12
  method: both
11
13
  at: '2026-09-16'
@@ -14,31 +16,64 @@ captured:
14
16
  - method: frames
15
17
  input: /tmp/oryzo-ai.mp4
16
18
  artifacts:
17
- - strip.webp
19
+ - key: entries/oryzo-ai/1/strip.webp
20
+ bytes: 232564
21
+ sha256: 3162493e31b2ba7a6935a8bb7a21254a257edf136c3034ac648f74e52fb33b0e
18
22
  frames: 36
19
23
  duration_ms: 18633
20
24
  - method: both
21
25
  input: https://oryzo.ai/
22
26
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
27
+ - key: entries/oryzo-ai/2/strip.webp
28
+ bytes: 313688
29
+ sha256: 8789744966eac6c735d73d8f81ec7fb2ddd8a6ae2656bf12ca6a345845792213
30
+ - key: entries/oryzo-ai/2/measure.json
31
+ bytes: 683
32
+ sha256: ffe806ea810c2672757df137bf192900647baa5493fd5247be7e4d7bdeaa1807
33
+ - key: entries/oryzo-ai/2/screen-1440.png
34
+ bytes: 765694
35
+ sha256: b6566ccef3761e06644586d0fe1dda37fd18c9e5be6e7842b350766e1c96662b
36
+ - key: entries/oryzo-ai/2/screen-390.png
37
+ bytes: 514320
38
+ sha256: e34e245e253b2a384dfeb37f9502062191dd2f0160aabfc90566b332b2fe8883
27
39
  media:
28
40
  frames: 36
29
41
  duration_ms: 18633
30
- roles: [hero, explainer, feature, capability, proof, closing, footer]
31
- feel: [dark, premium, editorial, minimal, depth, warm]
42
+ roles:
43
+ - hero
44
+ - explainer
45
+ - feature
46
+ - capability
47
+ - proof
48
+ - closing
49
+ - footer
50
+ feel:
51
+ - dark
52
+ - premium
53
+ - editorial
54
+ - minimal
55
+ - depth
56
+ - warm
32
57
  palette:
33
58
  canvas: '#100904'
34
59
  ink: '#ffedd7'
35
60
  accent: '#382416'
36
61
  type:
37
62
  display: halyard-display-variable
38
- body: 'halyard-display-variable, Arial, sans-serif'
63
+ body: halyard-display-variable, Arial, sans-serif
39
64
  motion:
40
- devices: [reveal, pan, wipe, drift, spotlight]
41
- notes: 'The Refero-hosted recording moves from an overhead workbench to isolated 3D coaster turns in a warm void, then reveals “Powered by AI” with a hand-held object and a colored edge-light treatment. It uses staged text reveals, slow object rotation, gentle camera/object movement, and scene-to-scene wipes. The live capture adds vertically paced image, product, sustainability, and historical-vessel chapters. It did not expose CSS animation records, so individual live-page triggers are not asserted.'
65
+ devices:
66
+ - reveal
67
+ - pan
68
+ - wipe
69
+ - drift
70
+ - spotlight
71
+ notes: >-
72
+ The Refero-hosted recording moves from an overhead workbench to isolated 3D coaster turns in a warm void,
73
+ then reveals “Powered by AI” with a hand-held object and a colored edge-light treatment. It uses staged
74
+ text reveals, slow object rotation, gentle camera/object movement, and scene-to-scene wipes. The live
75
+ capture adds vertically paced image, product, sustainability, and historical-vessel chapters. It did not
76
+ expose CSS animation records, so individual live-page triggers are not asserted.
42
77
  ported_from: null
43
78
  agreement:
44
79
  at: '2026-09-16'
@@ -16,13 +16,17 @@ captured:
16
16
  - method: frames
17
17
  input: /tmp/silencio-refero.mp4
18
18
  artifacts:
19
- - strip.webp
19
+ - key: entries/silencio/1/strip.webp
20
+ bytes: 59070
21
+ sha256: efb0191ac67455bd4056fb7d3e42c718aa4a625ecabb5ff06be2e102800148cd
20
22
  frames: 36
21
23
  duration_ms: 6500
22
24
  - method: frames
23
25
  input: /tmp/silencio-screencast-1280.webm
24
26
  artifacts:
25
- - captures/2/strip.webp
27
+ - key: entries/silencio/2/strip.webp
28
+ bytes: 194404
29
+ sha256: 8f06e8a0331035b4ac5dd88b8cdce923ce4473bec2303f26d556bcbb200332cd
26
30
  frames: 36
27
31
  duration_ms: 14517
28
32
  media:
@@ -5,7 +5,9 @@ tier: inspiration
5
5
  source:
6
6
  kind: public-site
7
7
  url: https://steep.app/
8
- license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
8
+ license: >-
9
+ Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
10
+ source.
9
11
  captured:
10
12
  method: both
11
13
  at: '2026-09-16'
@@ -14,21 +16,39 @@ captured:
14
16
  - method: frames
15
17
  input: /tmp/steep-refero.mp4
16
18
  artifacts:
17
- - strip.webp
19
+ - key: entries/steep/1/strip.webp
20
+ bytes: 169938
21
+ sha256: 65b58bd3caa5e371436de1a4c968f5128d2237b5ae23c821d3bd519aada46f98
18
22
  frames: 36
19
23
  duration_ms: 22633
20
24
  - method: both
21
25
  input: https://steep.app/
22
26
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
27
+ - key: entries/steep/2/strip.webp
28
+ bytes: 183804
29
+ sha256: a9fee609cd04eaa7943d15705dfb6c6806c912d16a2a7a9fd1d2c6615e4b606e
30
+ - key: entries/steep/2/measure.json
31
+ bytes: 549
32
+ sha256: dc9e054855709a83431e11f841e32596019a420c74cdf9e3fab585b20c427fab
33
+ - key: entries/steep/2/screen-1440.png
34
+ bytes: 1492894
35
+ sha256: ef3d6b5a968dbdcb31309e5b793b40bcc0fab7b417439dceeb0c212bb21e0f58
36
+ - key: entries/steep/2/screen-390.png
37
+ bytes: 291519
38
+ sha256: 687d15daf50465000d4c2960bc005fef95ee8abff8fcfcadae15030b89a13b87
27
39
  media:
28
40
  frames: 36
29
41
  duration_ms: 22633
30
- roles: [hero, feature, proof]
31
- feel: [light, premium, saas, warm, depth]
42
+ roles:
43
+ - hero
44
+ - feature
45
+ - proof
46
+ feel:
47
+ - light
48
+ - premium
49
+ - saas
50
+ - warm
51
+ - depth
32
52
  palette:
33
53
  canvas: '#f5f4f0'
34
54
  ink: '#000000'
@@ -36,11 +56,17 @@ palette:
36
56
  type:
37
57
  display: High-contrast editorial serif with italic emphasis
38
58
  body: >-
39
- Sohne, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
40
- "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
59
+ Sohne, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
60
+ Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color
61
+ Emoji"
41
62
  motion:
42
- devices: [reveal, pan]
43
- notes: Eyeballed from 36 sampled frames, not measured. The hero holds its warm data-card composition before the cards and dashboard panels reveal into a fuller application view; individual interaction triggers are not visible.
63
+ devices:
64
+ - reveal
65
+ - pan
66
+ notes: >-
67
+ Eyeballed from 36 sampled frames, not measured. The hero holds its warm data-card composition before the
68
+ cards and dashboard panels reveal into a fuller application view; individual interaction triggers are not
69
+ visible.
44
70
  ported_from: null
45
71
  ---
46
72
 
@@ -5,7 +5,9 @@ tier: inspiration
5
5
  source:
6
6
  kind: public-site
7
7
  url: https://stripe.com/
8
- license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
8
+ license: >-
9
+ Captured from a Refero-hosted recording and the live site; description only, no redistribution of the
10
+ source.
9
11
  captured:
10
12
  method: both
11
13
  at: '2026-09-16'
@@ -14,21 +16,38 @@ captured:
14
16
  - method: frames
15
17
  input: /tmp/stripe-refero.mp4
16
18
  artifacts:
17
- - strip.webp
19
+ - key: entries/stripe/1/strip.webp
20
+ bytes: 304892
21
+ sha256: d9fc797459aeb493be79f78ff6b2e05f2cc4be2080d2e58f9ed8ab9f5890d38c
18
22
  frames: 36
19
23
  duration_ms: 42950
20
24
  - method: both
21
25
  input: https://stripe.com/
22
26
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
27
+ - key: entries/stripe/2/strip.webp
28
+ bytes: 275528
29
+ sha256: 0cb581f34326f70b4fbff3a5f52e5fc7ac5345fb28db358e1ceec5247d213def
30
+ - key: entries/stripe/2/measure.json
31
+ bytes: 26518
32
+ sha256: 15233139a326d7db2560bc5690eff4f7f3e51287677e8257d1f8c7663a9dba23
33
+ - key: entries/stripe/2/screen-1440.png
34
+ bytes: 383985
35
+ sha256: 2987037f43d87075fa783eed769ef44c553115ad6142e7ff3d365ab000dba452
36
+ - key: entries/stripe/2/screen-390.png
37
+ bytes: 170865
38
+ sha256: d8aff03cb11ea64c96df3f6d5341146f37c6c791191ea2940bcb17e7a1b1cfa0
27
39
  media:
28
40
  frames: 36
29
41
  duration_ms: 42950
30
- roles: [hero, proof, feature]
31
- feel: [light, premium, saas, depth]
42
+ roles:
43
+ - hero
44
+ - proof
45
+ - feature
46
+ feel:
47
+ - light
48
+ - premium
49
+ - saas
50
+ - depth
32
51
  palette:
33
52
  canvas: '#ffffff'
34
53
  ink: '#000000'
@@ -37,8 +56,13 @@ type:
37
56
  display: sohne-var, "SF Pro Display", sans-serif
38
57
  body: sohne-var, "SF Pro Display", sans-serif
39
58
  motion:
40
- devices: [reveal, pan]
41
- notes: Eyeballed from 36 sampled frames, not measured. A multicolor ribbon frames the Spanish-language hero while the page progresses into flexible-solution copy and product cards; no individual interaction triggers are visible.
59
+ devices:
60
+ - reveal
61
+ - pan
62
+ notes: >-
63
+ Eyeballed from 36 sampled frames, not measured. A multicolor ribbon frames the Spanish-language hero while
64
+ the page progresses into flexible-solution copy and product cards; no individual interaction triggers are
65
+ visible.
42
66
  ported_from: null
43
67
  ---
44
68
 
@@ -14,21 +14,45 @@ captured:
14
14
  - method: frames
15
15
  input: /home/yojahny/Desktop/inspiration/superpower.mp4
16
16
  artifacts:
17
- - strip.webp
17
+ - key: entries/superpower/1/strip.webp
18
+ bytes: 327968
19
+ sha256: ba5125238c92a903f96ebf54d3d32fddbd44657e31e495e506cae8724bdf6ac7
18
20
  frames: 36
19
21
  duration_ms: 20880
20
22
  - method: both
21
23
  input: https://superpower.com/
22
24
  artifacts:
23
- - captures/2/strip.webp
24
- - captures/2/measure.json
25
- - captures/2/screen-1440.png
26
- - captures/2/screen-390.png
25
+ - key: entries/superpower/2/strip.webp
26
+ bytes: 213136
27
+ sha256: 44362048af5c550c4f6659a1d0d17b81c5882d41e42925c98da78ac1026825a5
28
+ - key: entries/superpower/2/measure.json
29
+ bytes: 3877
30
+ sha256: e3514d67ae637d2757c32f640520afecbcd82ef8cded9fd79707aa59acc0d7c9
31
+ - key: entries/superpower/2/screen-1440.png
32
+ bytes: 244247
33
+ sha256: 1fbcfc5e95e95ee52b0ce35b5477c04f6f534d352809099ae42bdd0ef7c4a795
34
+ - key: entries/superpower/2/screen-390.png
35
+ bytes: 98927
36
+ sha256: 0561a23ecf098a341ebead12713c4d7fb3eb40bc57dda18d238e099dfbaf1069
27
37
  media:
28
38
  frames: 36
29
39
  duration_ms: 20880
30
- roles: [hero, explainer, capability, feature, proof, offer, faq, closing, footer]
31
- feel: [light, premium, editorial, minimal, warm]
40
+ roles:
41
+ - hero
42
+ - explainer
43
+ - capability
44
+ - feature
45
+ - proof
46
+ - offer
47
+ - faq
48
+ - closing
49
+ - footer
50
+ feel:
51
+ - light
52
+ - premium
53
+ - editorial
54
+ - minimal
55
+ - warm
32
56
  palette:
33
57
  canvas: '#ffffff'
34
58
  ink: '#18181b'
@@ -37,8 +61,18 @@ type:
37
61
  display: '"Nb international pro webfont", Arial, sans-serif'
38
62
  body: '"Nb international pro webfont", Arial, sans-serif'
39
63
  motion:
40
- devices: [reveal, wipe, pan, stagger]
41
- notes: 'The supplied recording uses a strong edit between a warm portrait-led hero and a clean clinical explainer, then moves through tablet, phone, and lifestyle imagery with progressive overlays. The live capture records a long how-it-works sequence with brief content transitions and roughly 800–900ms background/active-state changes, plus an eight-second testimonial progress fill. The supplied video also shows a protocol-form overlay later in the journey; interaction triggers are not asserted from the captures.'
64
+ devices:
65
+ - reveal
66
+ - wipe
67
+ - pan
68
+ - stagger
69
+ notes: >-
70
+ The supplied recording uses a strong edit between a warm portrait-led hero and a clean clinical explainer,
71
+ then moves through tablet, phone, and lifestyle imagery with progressive overlays. The live capture
72
+ records a long how-it-works sequence with brief content transitions and roughly 800–900ms
73
+ background/active-state changes, plus an eight-second testimonial progress fill. The supplied video also
74
+ shows a protocol-form overlay later in the journey; interaction triggers are not asserted from the
75
+ captures.
42
76
  ported_from: null
43
77
  ---
44
78