@yojahny/wp-design-library 1.1.1 → 1.3.0

package/entries/bmw/entry.md

@@ -0,0 +1,101 @@
+---
+slug: bmw
+title: 'BMW: editorial automotive storytelling landing'
+tier: inspiration
+source:
+  kind: public-site
+  url: https://bmw.com/
+  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+captured:
+  method: both
+  at: '2026-09-24'
+  tool: wp-design-library@1.2.0
+  captures:
+    - method: frames
+      input: https://images.refero.design/styles/refero.design/video/9f33f45c-f2c4-4528-9d36-a11adc9ccfce.mp4
+      artifacts:
+        - key: entries/bmw/1/strip.webp
+          bytes: 203272
+          sha256: 9b86555c489318ef1e0a33ce2c2a9b99257366e833bd6aa56fde72c377827350
+          uploaded: true
+      frames: 21
+      duration_ms: 10267
+    - method: both
+      input: https://bmw.com/
+      artifacts:
+        - key: entries/bmw/2/strip.webp
+          bytes: 414714
+          sha256: 39c811b0e6daff71f4d953902366c666227e7905e59d8bbcb629c6f35b0e66f9
+          uploaded: true
+        - key: entries/bmw/2/measure.json
+          bytes: 1831
+          sha256: f524e1c0ef7c13ebc74089a7c0c38a20b1012519babe27f23f6beffa1a24b665
+          uploaded: true
+        - key: entries/bmw/2/screen-1440.png
+          bytes: 989720
+          sha256: 6a318692149d2f7f29190842069955198ad94a908bf7b44f89661075620ad3d4
+          uploaded: true
+        - key: entries/bmw/2/screen-390.png
+          bytes: 128220
+          sha256: 614eeb0b81c685bec74f0abac6a2e3a4783633b1d30c1600a334e86b5584239d
+          uploaded: true
+media:
+  frames: 21
+  duration_ms: 10267
+roles:
+  - hero
+  - offer
+  - feature
+  - proof
+  - closing
+  - footer
+feel:
+  - dark
+  - light
+  - premium
+  - editorial
+  - depth
+palette:
+  canvas: '#ffffff'
+  ink: '#111111'
+  accent: '#1266b0'
+type:
+  display: bold automotive sans, wide measure
+  body: neutral sans, concise product and commerce measure
+motion:
+  devices:
+    - pan
+    - reveal
+    - wipe
+    - parallax
+  notes: >-
+    Eyeballed from 21 sampled frames, not measured. Driving footage opens the Refero recording, then a model selector
+    and offer cards pan through multiple vehicles. Full-bleed road photography and vehicle close-ups alternate with
+    white commerce panels before feature content and footer links. The live destination is BMW USA with current lease
+    offers, so recording and live content differ. Exact media playback, model-selector interactions, hover behavior, and
+    reduced-motion behavior are not measurable from sampled frames.
+ported_from: null
+---
+
+## What it does
+
+An automotive home page that alternates emotive driving imagery with a practical model and offer browsing path. Full-width media builds aspiration while commerce cards help visitors move from interest to a specific vehicle.
+
+## Section roster
+
+1. Driving-footage hero with product action.
+2. Model navigation and vehicle selector.
+3. Offer cards for featured vehicles.
+4. New-model editorial feature.
+5. Design and performance image chapters.
+6. Shopping, ownership, and footer links.
+
+## Why it works
+
+The shift from cinematic motion to explicit offers serves both exploration and purchase intent. Strong vehicle photography carries the brand while consistent blue buttons mark practical next steps. The cost is that large video, changing offers, and regional content demand current data and accessible static alternatives.
+
+## Sources
+
+- [Refero style page](https://styles.refero.design/style/b8899cbd-e2ca-4069-83cf-d8f8b0d71100) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/9f33f45c-f2c4-4528-9d36-a11adc9ccfce.mp4) supply the recorded driving, model, and feature sequence.
+- The submitted https://bmw.com/ redirects to https://www.bmwusa.com/, which supplies the current responsive screenshots and measured layout.
+- Regional models and offers differ. Trust the recording for the sampled visual sequence and the live destination for current US commerce content.

package/entries/busuu/entry.md

@@ -0,0 +1,100 @@
+---
+slug: busuu
+title: 'Busuu: language-learning platform'
+tier: inspiration
+source:
+  kind: public-site
+  url: https://busuu.com/
+  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+captured:
+  method: both
+  at: '2026-09-24'
+  tool: wp-design-library@1.2.0
+  captures:
+    - method: frames
+      input: https://images.refero.design/styles/refero.design/video/11eeccae-bb34-4a7d-b863-37d5458af067.mp4
+      artifacts:
+        - key: entries/busuu/1/strip.webp
+          bytes: 165942
+          sha256: 3271f6c9a3ea346e7e90da062b07e8821506c9e942f5c29b3017e4eceb652958
+          uploaded: true
+      frames: 22
+      duration_ms: 10967
+    - method: both
+      input: https://busuu.com/
+      artifacts:
+        - key: entries/busuu/2/strip.webp
+          bytes: 216990
+          sha256: 82810a6f56559b43a8ea981a9d96a0002cb1dc1ef838d82ef3ba58c55873f472
+          uploaded: true
+        - key: entries/busuu/2/measure.json
+          bytes: 1894
+          sha256: 40c9fd812c749d48183e1991341811c23a12d76bbcbf75d5db5b73850caa62b6
+          uploaded: true
+        - key: entries/busuu/2/screen-1440.png
+          bytes: 420720
+          sha256: 82d7a89e84078e5adfbe754faa810ff48fa1c2492f710a9945bcba56637e1080
+          uploaded: true
+        - key: entries/busuu/2/screen-390.png
+          bytes: 179528
+          sha256: c6b67b27454be26068e8812ffddd29a0fb96ceaf07a0c6122390bb3a70443fb2
+          uploaded: true
+media:
+  frames: 22
+  duration_ms: 10967
+roles:
+  - hero
+  - proof
+  - feature
+  - capability
+  - testimonial
+  - closing
+  - footer
+feel:
+  - light
+  - playful
+  - saas
+  - warm
+palette:
+  canvas: '#ffffff'
+  ink: '#22223e'
+  accent: '#6633f2'
+type:
+  display: bold rounded sans, friendly leading
+  body: neutral sans, concise learning-product measure
+motion:
+  devices:
+    - reveal
+    - pan
+    - stagger
+    - stack
+  notes: >-
+    Eyeballed from 22 sampled frames, not measured. A blue-purple hero reveals illustrated learner avatars and global
+    speech bubbles. Lesson cards, pronunciation practice, native-speaker feedback, and app screens stack through light
+    chapters before community proof and a joining action. Exact lesson interactions, avatar motion, pointer response,
+    and reduced-motion behavior are not measurable from sampled frames.
+ported_from: null
+---
+
+## What it does
+
+A language-learning landing page that connects compact expert lessons with a community of native speakers. Bright illustration and mobile UI make speaking practice feel accessible and social.
+
+## Section roster
+
+1. New-language hero and start action.
+2. Community learning explanation.
+3. Expert-created course chapters.
+4. Speaking and pronunciation examples.
+5. Learner proof and app screens.
+6. Final joining prompt and footer.
+
+## Why it works
+
+The illustrated people and speech bubbles make the global community visible, while UI examples show how daily practice works. The cost is that small lesson screenshots need readable mobile treatment and a clear static path.
+
+## Sources
+
+- [Refero style page](https://styles.refero.design/style/72b85d0a-1ff8-4dd3-b33a-f55aad6df5c9) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/11eeccae-bb34-4a7d-b863-37d5458af067.mp4) supply the sampled motion and section sequence.
+- The live capture at https://www.busuu.com/ supplies current copy, responsive screenshots, and measured layout.
+- Busuu redirects to www.busuu.com. The live page matches the recorded language-learning proposition; trust it for current course and community claims.

package/entries/caldera/entry.md

@@ -0,0 +1,106 @@
+---
+slug: caldera
+title: 'Caldera: bold multi-chain ecosystem landing'
+tier: inspiration
+source:
+  kind: public-site
+  url: https://caldera.xyz/
+  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+captured:
+  method: both
+  at: '2026-09-23'
+  tool: wp-design-library@1.2.0
+  captures:
+    - method: frames
+      input: https://images.refero.design/styles/refero.design/video/1d960984-8d35-437b-a69d-0d353852772b.mp4
+      artifacts:
+        - key: entries/caldera/1/strip.webp
+          bytes: 389108
+          sha256: 66e32426c8a5de56fc214654969620334dd837ef4a0851e2871a622c1a51e5ab
+          uploaded: true
+      frames: 36
+      duration_ms: 28767
+    - method: both
+      input: https://caldera.xyz/
+      artifacts:
+        - key: entries/caldera/2/strip.webp
+          bytes: 209286
+          sha256: 6241c155791e2ece72cd9f9838ee6ef901ddcbd12734d8e9d84e514f4c0a77f8
+          uploaded: true
+        - key: entries/caldera/2/measure.json
+          bytes: 533
+          sha256: 900fc026ea0d9640f2747ce7834e30edc986501eb44e9c216c47aed1ecc65018
+          uploaded: true
+        - key: entries/caldera/2/screen-1440.png
+          bytes: 36578
+          sha256: ad144dea0e23c6954344aec0ff1e3d845b6a7446c0b338108302830a42976e68
+          uploaded: true
+        - key: entries/caldera/2/screen-390.png
+          bytes: 26742
+          sha256: df5d4105e595728807f1771190e1d7412b2614e2fd3bf7f4e3c2055e2bdd0d11
+          uploaded: true
+media:
+  frames: 36
+  duration_ms: 28767
+roles:
+  - hero
+  - proof
+  - capability
+  - feature
+  - explainer
+  - closing
+  - footer
+feel:
+  - light
+  - brutalist
+  - playful
+  - editorial
+  - depth
+palette:
+  canvas: '#e5e6e1'
+  ink: '#080808'
+  accent: '#ff4b10'
+type:
+  display: ultra-bold grotesk sans, tight tracking, compressed leading
+  body: neutral grotesk sans, regular weight, compact editorial measure
+motion:
+  devices:
+    - reveal
+    - wipe
+    - pan
+    - stagger
+    - tabs
+    - marquee
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. An orange-and-purple dithered world wipes into the oversized hero
+    before counters reveal across a compact proof bar. Ecosystem cards pan horizontally, black-and-orange technical
+    illustrations stagger through infrastructure chapters, and vertical tabs switch between gaming, AI, and DeFi
+    examples. News cards, community metrics, and backer logos complete the sequence with restrained marquee movement.
+    Exact tab behavior, carousel dragging, counter interpolation, pointer response, and reduced-motion behavior are not
+    measurable from sampled frames.
+ported_from: null
+---
+
+## What it does
+
+A bold multi-chain ecosystem landing page that presents Caldera as infrastructure for connected rollups and onchain applications. Brutalist typography, dithered color, and diagram-like illustration turn an abstract protocol story into a visible world of networks, applications, and communities.
+
+## Section roster
+
+1. Utility navigation and dithered multi-chain hero.
+2. Network, transaction, value, and application metrics.
+3. Multi-chain ecosystem explanation and partner cards.
+4. Technical infrastructure chapters with black-and-orange illustrations.
+5. Vertical use-case tabs for gaming, AI, DeFi, and adjacent applications.
+6. News and product-update cards.
+7. Community metrics, backers, joining prompt, and footer.
+
+## Why it works
+
+Oversized black type gives a complex infrastructure claim immediate force, while orange and purple dithered scenes provide a recognizable visual language for interconnected networks. Metrics and application tabs connect the broad ecosystem promise to concrete evidence. The cost is that huge type, fine texture, and horizontal card motion need careful responsive art direction and contrast preservation.
+
+## Sources
+
+- [Refero style page](https://styles.refero.design/style/fe8cdcf9-c850-4d52-be07-5ad269bf9ebf) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/1d960984-8d35-437b-a69d-0d353852772b.mp4) supply the dithered hero, metric bar, ecosystem cards, technical illustrations, use-case tabs, news, community, and backer sequence.
+- The live capture at https://caldera.xyz/ supplies current ecosystem copy, responsive screenshots, and measured layout.
+- The sources agree closely. Trust the recording for tab, card, and transition continuity and the live page for current metrics and ecosystem membership.

package/entries/calendly/entry.md

@@ -0,0 +1,106 @@
+---
+slug: calendly
+title: 'Calendly: feature-led scheduling platform'
+tier: inspiration
+source:
+  kind: public-site
+  url: https://calendly.com/
+  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+captured:
+  method: both
+  at: '2026-09-22'
+  tool: wp-design-library@1.2.0
+  captures:
+    - method: frames
+      input: 'https://images.refero.design/styles/refero.design/video/861ee373-0add-466f-845e-47296e9e4d20.mp4'
+      artifacts:
+        - key: entries/calendly/1/strip.webp
+          bytes: 235404
+          sha256: bd3b3214c0ae8b27246e33b1ccb439c44cfc7edf802aa10f32b6398987cf70de
+          uploaded: true
+      frames: 36
+      duration_ms: 31233
+    - method: both
+      input: https://calendly.com/
+      artifacts:
+        - key: entries/calendly/2/strip.webp
+          bytes: 202020
+          sha256: f2df07fe99408b9e31005044a11a770c3566498e530d772e6ef3ea37dd95dff6
+          uploaded: true
+        - key: entries/calendly/2/measure.json
+          bytes: 3922
+          sha256: f80be8d3727da78505b49196ba1548d9f24d0e93151568e02ac0d8587cab1a91
+          uploaded: true
+        - key: entries/calendly/2/screen-1440.png
+          bytes: 735553
+          sha256: f896db999253efc1e82c2267ce5fa3c91549f7ac21efc170bac4b6d384ac6049
+          uploaded: true
+        - key: entries/calendly/2/screen-390.png
+          bytes: 184979
+          sha256: 0ed5a9b02760c1b15236b4e272843c175c1a2f3347cc7b75cdd1b8c50aa88d77
+          uploaded: true
+media:
+  frames: 36
+  duration_ms: 31233
+roles:
+  - hero
+  - feature
+  - capability
+  - proof
+  - offer
+  - closing
+  - footer
+feel:
+  - light
+  - saas
+  - minimal
+  - playful
+  - premium
+palette:
+  canvas: '#ffffff'
+  ink: '#0b3558'
+  accent: '#006bff'
+type:
+  display: rounded humanist sans, bold weight, compact line height
+  body: neutral sans, regular weight, open product-marketing measure
+motion:
+  devices:
+    - reveal
+    - pan
+    - tabs
+    - stagger
+    - drift
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. The Refero recording advances through an earlier page with soft
+    geometric blobs behind scheduling UI, alternating copy-and-product panels, progressive integration reveals, pricing
+    columns, outcome cards, and a restrained footer handoff. The current live page uses a richer gradient hero and
+    scroll-triggered feature demonstrations whose active tab, illustration, and supporting copy change together;
+    testimonial and integration sections reveal in large paced blocks. Exact easing, carousel autoplay, hover states,
+    and pointer response cannot be established from sampled frames.
+ported_from: null
+---
+
+## What it does
+
+A product-led scheduling landing page that turns an abstract promise—less work around meetings—into a sequence of recognizable UI moments. It balances friendly color, compact copy, and concrete workflow demonstrations so the breadth of the platform stays approachable.
+
+## Section roster
+
+1. Utility announcement, compact navigation, sign-in, and free-start actions.
+2. Outcome-led hero with account sign-up choices and a large scheduling-product demonstration.
+3. Meeting-management promise with a four-part book, prep, capture, and follow-up model.
+4. Feature walkthroughs pairing short explanations with gradient-backed interface cards.
+5. Automated recaps, conversational scheduling, and workflow capability panels.
+6. Customer proof and integration ecosystem.
+7. Closing conversion prompt and deep navy sitemap footer.
+
+## Why it works
+
+The page repeatedly anchors benefits in small, legible pieces of product UI, while pale surfaces and blue-to-pink gradients soften a potentially administrative category. Clear headings, limited copy, and generous vertical spacing keep the long capability story easy to scan. The cost is that repeated white sections and pastel demonstrations depend on precise pacing and contrast to avoid feeling washed out.
+
+## Sources
+
+- [Refero style page](https://styles.refero.design/style/9946887b-ffa9-4276-af81-ae6352795afb) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/861ee373-0add-466f-845e-47296e9e4d20.mp4) supply the earlier full-page sequence, integration reveal, plan comparison, proof cards, and footer transition.
+- The live capture at https://calendly.com/ supplies the current gradient-led redesign, AI scheduling story, responsive screenshots, and measured layout.
+- The sources differ substantially in visual treatment and section order. Trust the live page for current content and design; trust the Refero recording only for the earlier page's complete scroll sequence.
+

package/entries/custo/entry.md

@@ -0,0 +1,100 @@
+---
+slug: custo
+title: 'Custo: minimal smart-mailbox product story'
+tier: inspiration
+source:
+  kind: public-site
+  url: https://custo.io/
+  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+captured:
+  method: both
+  at: '2026-09-24'
+  tool: wp-design-library@1.2.0
+  captures:
+    - method: frames
+      input: https://images.refero.design/styles/refero.design/video/474f2297-7f04-4fd1-b764-9fb2d6f83d23.mp4
+      artifacts:
+        - key: entries/custo/1/strip.webp
+          bytes: 118056
+          sha256: 3b8a6a343f2bc0470c2814685eaebb9da1d756e2f79ae2856f6dfced3d228c49
+          uploaded: true
+      frames: 16
+      duration_ms: 7800
+    - method: both
+      input: https://custo.io/
+      artifacts:
+        - key: entries/custo/2/strip.webp
+          bytes: 213428
+          sha256: ddc5e2aafbd8da913c3f1c5ed0c5565fbe6df322898b194740f6370fcf926e90
+          uploaded: true
+        - key: entries/custo/2/measure.json
+          bytes: 3249
+          sha256: c7f3c88481fd64f962fce3578a93bb9bf417d4303736fc01d91ad91d394d465c
+          uploaded: true
+        - key: entries/custo/2/screen-1440.png
+          bytes: 148604
+          sha256: 74f92363aef6647bbcb425082b1ebdf8c369039a9584991d20836aa8dd4b1b57
+          uploaded: true
+        - key: entries/custo/2/screen-390.png
+          bytes: 75191
+          sha256: 91126d5ee0a393ee7b614037fcaead933ee6600e71b15b340e7049b928695245
+          uploaded: true
+media:
+  frames: 16
+  duration_ms: 7800
+roles:
+  - hero
+  - explainer
+  - feature
+  - capability
+  - closing
+  - footer
+feel:
+  - light
+  - minimal
+  - editorial
+  - premium
+  - cold
+palette:
+  canvas: '#d4d9d7'
+  ink: '#ffffff'
+  accent: '#323736'
+type:
+  display: oversized neutral sans, bold weight, tight leading
+  body: compact neutral sans, short product measure
+motion:
+  devices:
+    - reveal
+    - pan
+    - wipe
+    - stagger
+  notes: >-
+    Eyeballed from 16 sampled frames, not measured. A giant CUSTO wordmark overlaps the mailbox product on a cool grey
+    field. As the page moves, the product slides into lifestyle and delivery scenes, then dark app panels reveal parcel
+    status and access details. The short recording ends before every live section is visible. Exact product rotation,
+    app interaction, pointer behavior, and reduced-motion behavior are not measurable from sampled frames.
+ported_from: null
+---
+
+## What it does
+
+A minimal smart-mailbox product story that explains the value of receiving deliveries without waiting at home. The large physical object and oversized wordmark make a simple household utility feel like a designed consumer product.
+
+## Section roster
+
+1. Grey hero with mailbox render and large wordmark.
+2. Delivery inconvenience and product promise.
+3. Package scanning and unattended drop-off explanation.
+4. Outdoor placement and lifestyle imagery.
+5. App status, personal assistant, and account panels.
+6. Ordering prompt and footer.
+
+## Why it works
+
+The product is unmistakable within seconds, and each later section answers a practical concern about parcels, couriers, and remote access. The cost is that oversized branding and pale grey surfaces need responsive cropping and careful contrast.
+
+## Sources
+
+- [Refero style page](https://styles.refero.design/style/3ad131ed-b603-49a3-9491-7407db6cb423) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/474f2297-7f04-4fd1-b764-9fb2d6f83d23.mp4) supply the sampled hero, delivery, product, and app-panel motion.
+- The live capture at https://custo.io/ supplies current explanation, responsive screenshots, and measured layout.
+- The short recording does not cover every live section; trust the live page for the full current feature and ordering story.

package/entries/dayos-ai/entry.md

@@ -0,0 +1,109 @@
+---
+slug: dayos-ai
+title: 'Dayos AI: modular agentic-work platform'
+tier: inspiration
+source:
+  kind: public-site
+  url: https://www.dayos.com/
+  license: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
+captured:
+  method: both
+  at: '2026-09-22'
+  tool: wp-design-library@1.2.0
+  captures:
+    - method: frames
+      input: 'https://images.refero.design/styles/refero.design/video/43c95884-3095-4b8a-a10b-455116ae014b.mp4'
+      artifacts:
+        - key: entries/dayos-ai/1/strip.webp
+          bytes: 288202
+          sha256: 8a123c13dc6c2390662281ec1587ca0813265ec5a98ea337652301bba027185e
+          uploaded: true
+      frames: 33
+      duration_ms: 16300
+    - method: both
+      input: https://www.dayos.com/
+      artifacts:
+        - key: entries/dayos-ai/2/strip.webp
+          bytes: 300512
+          sha256: 25e35c8ef6e39c991fbe1030beb1e3c0abb568e2897e8c3d2abfae00a7a4e38c
+          uploaded: true
+        - key: entries/dayos-ai/2/measure.json
+          bytes: 4193
+          sha256: bb209573cf378946c46521a9e91f11f7415a32ab15081b8c7f8a702f3a9ff98c
+          uploaded: true
+        - key: entries/dayos-ai/2/screen-1440.png
+          bytes: 367643
+          sha256: e13281b33201dd3d512bcbed69f55e0662720b188285f969d2cfc30e14b0158d
+          uploaded: true
+        - key: entries/dayos-ai/2/screen-390.png
+          bytes: 130430
+          sha256: 4469ad345e00bf835c160e8891b15f463c3a914ec27126248de65b5e3e83934e
+          uploaded: true
+media:
+  frames: 33
+  duration_ms: 16300
+roles:
+  - hero
+  - explainer
+  - process
+  - capability
+  - proof
+  - offer
+  - closing
+  - footer
+feel:
+  - light
+  - dark
+  - brutalist
+  - playful
+  - editorial
+  - depth
+palette:
+  canvas: '#e8e8e6'
+  ink: '#050505'
+  accent: '#f2e600'
+type:
+  display: ultra-condensed grotesk sans, black weight, tight leading
+  body: compact neutral sans, regular weight, narrow explanatory columns
+motion:
+  devices:
+    - reveal
+    - pin
+    - drift
+    - tilt
+    - parallax
+    - stagger
+  notes: >-
+    Eyeballed from 36 sampled frames, not measured. A large modular 3D tower remains the hero's active counterweight
+    while branded blocks rotate, detach, orbit, and rebuild into changing configurations. Scrolling carries the
+    composition from a pale hero into a black argument section, then reveals oversized statements, product-window
+    evidence, and small capability modules in staggered groups. The live capture confirms continuous autonomous block
+    motion and pointer-sensitive depth around the hero object, but exact tracking strength, physics, timing, and
+    reduced-motion behavior are not measurable from the samples.
+ported_from: null
+---
+
+## What it does
+
+A confrontational AI-services landing page built around a modular 3D metaphor. Enterprise systems appear as labeled blocks that can be rearranged around a central agent, making integration and orchestration visible before the page explains the product in detail.
+
+## Section roster
+
+1. Floating pill navigation and high-contrast demo action.
+2. Split hero with an oversized four-line claim and animated 3D integration tower.
+3. Black problem statement organized around the AI gap and its closure.
+4. Large manifesto explaining the replacement of repetitive enterprise work.
+5. Hero product introduction with dark conversational UI.
+6. ERP and HCM capability blocks supported by modular 3D objects.
+7. Answers, actions, and experts model followed by proof and conversion content.
+
+## Why it works
+
+The condensed typography and grayscale field provide a rigid editorial frame for playful, tactile 3D objects. That contrast gives an unfamiliar service a memorable visual model, while the light-to-black transition creates a decisive narrative chapter break. The cost is a demanding 3D hero whose performance, loading state, and accessible fallback must be carefully engineered.
+
+## Sources
+
+- [Refero style page](https://styles.refero.design/style/ee403055-480e-4bd4-9216-07c9ae2dde2e) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/43c95884-3095-4b8a-a10b-455116ae014b.mp4) supply the hero transformation, light-to-dark handoff, manifesto, product evidence, and capability sequence.
+- The live capture at https://www.dayos.com/ supplies the current hero, responsive screenshots, pointer-aware 3D state, and measured layout.
+- The sources closely agree on the hero system. Trust the recording for the complete motion progression and the live page for current copy and rendering behavior.
+