wehub-resource-sync
070959e133
landing-page-staging / Deploy landing page to staging (push) Has been skipped
landing-page-ci / Validate landing page (push) Failing after 4s
visual-baseline / Capture visual baselines (push) Has been cancelled
bake-plugin-previews / Bake plugin previews (push) Has been cancelled
24 lines
1.4 KiB
Markdown
24 lines
1.4 KiB
Markdown
## 16 · Feature Stack
|
||
|
||
Sticky left pane (label / description) + scroll-synced right pane (screenshots cycling through related details). Cinematic pacing.
|
||
|
||
- **Heading:** held inside the sticky pane; persists while content cycles beside it.
|
||
- **Body:** two columns — left sticky, right scrolling; the right pane plays through 3–6 detail screens per section.
|
||
- **Divider:** section bands; the sticky pane re-anchors per section.
|
||
- **Button:** in the sticky pane, set when the user reaches the section's detail count.
|
||
- **Image:** the scrolling-right column is mostly imagery.
|
||
- **Reveal:** none of the spatial-fade kind; the sticky/scroll IS the motion.
|
||
|
||
Reach for it for premium products, complex feature stories, anything where you want to control pacing as the user scrolls.
|
||
|
||
Avoid on mobile-first audiences without strong fallback. Sticky+scroll-sync is rough on small screens.
|
||
|
||
Reference: Apple product pages, some Stripe Sessions pages, Read.cv onboarding.
|
||
|
||
**Sample opening lines** (imitate the *specificity* — Feature Stack openings pin a single statement and then walk the user through):
|
||
> *"Plan, build, ship."* — three verbs, three sticky panes
|
||
> *"Read anything that emits lines."* — Streampipe (test 02) — names what's possible, then walks through it
|
||
> *"From stdin, through the pipe, into your dashboard."* — names the data path, then explains each step
|
||
|
||
---
|