motion-menu

"give me a boxed book-a-call CTA" — an icon, a heading and one button sit inside a bordered card; reach for it when booking a call is the single next step you want on the page.

"breadcrumb and share row is <n>" — trail on the left, copy-link and share on the right; reach for it on any deep content page that needs both orientation and a way out.

"chevron breadcrumb" — a trail separated by a sliced arrow shape instead of a plain ">"; reach for it on deep catalogue or docs hierarchies.

"every page funnels to 147" — three inputs of momentum, then a warm handoff to the real /procurement intake.

"money honest via 218" — paired bars per category, variance called out. Trust through numbers that move.

"menu icon = 67" — three lines fold into an X. The detail everyone notices without noticing.

"speed is a header — 256" — the CDN caching dance shown with real responses. Why fast sites feel free to run.

"pull it out as a callout band" — a bordered aside for the sentence that must not be skimmed past.

"CTA in a card, with a rule" — heading, a hairline, then an arrow link that slides on hover.

"sections stack via 228" — panels pile up and settle as you scroll; the one beneath dims and recedes. The Apple keynote scroll.

"spell out the care" — symbols and plain rules. The page a buyer returns to after the sale.

"aftercare = 214" — a stepped care ritual that makes owning the piece feel like membership.

"strip the case study down" — what, what changed, over how long. Three facts beat three paragraphs.

"centered wordmark nav" — a minimal top bar with the mark dead-centre and matched flanks either side; reach for it when the brand mark should read as the anchor, not a corner logo.

"give me a centred statement hero" — an eyebrow, one bold claim, a single CTA; reach for it when the product needs one clear sentence and nothing competing with it.

"split it into a diptych with a centre rule" — two frames divided by a hairline instead of a gap, reads as one composed pair.

"certification grid is <n>" — abstract seal marks over a caption, laid out two-up; reach for it to state compliance or standards a product meets without borrowing a real mark you don't

"alive-ness via 139" — a living what's-new feed. Watch it: entries keep arriving. Pairs with The Signet.

"headline enters with 07" — each character rises with a tiny rotation, staggered. The classic hero move.

"list it as a checklist" — ticked rows in a bordered panel. For scope, inclusions, or requirements.

"notch the seam with a chevron" — a downward chevron sitting on the rule, marking the break without a label.

"badge/stamp = 58" — rotating ring of type. Corner badges, seals, section markers.

"taps ripple via 186" — the press radiates from the exact touch point. Tactile confirmation.

"images unveil with 19" — the image is uncovered like a curtain rather than fading in.

"images drape with 84" — imagery on rippling fabric. Lookbooks and campaign heroes.

"explain serverless via 253" — first hit boots an instance (cold), second reuses it (warm), with real timings and the region.

"galleries drift with 182" — center column slow, edges fast. Instant depth for image grids.

"hint the command palette" — a fake-input bar advertising ⌘K. The cheapest discoverability there is.

"add 149" — the defining SaaS interaction. This one actually navigates the menu: try "glass" or "128".

"cart moments = 164" — the product flies an arc into the cart, confetti on landing, live drop countdown with a draining stock bar.

"one bar, divided" — mark on the left, links right, a hairline under. The default that never looks wrong.

"give me a compact price strip" — a thin bar with a label, price and one link; reach for it in a footer or a sticky bar where the price is a reminder, not the pitch.

"sidebar shell is <n>" — a narrow nav rail beside a content pane, hairline-divided; reach for it as the outer frame of a dashboard page before anything is dropped inside.

"compact two-field row is <n>" — name and email inline with a trailing button; reach for it as the smallest contact ask that still gets a name.

"put them side by side" — two columns, one rule, no winner declared. Let the reader decide.

"put the two numbers head to head" — before and after with the gap between them stated.

"give me a pricing comparison table" — a hairline-ruled table of two plans across a few features; reach for it when the buyer needs to see the delta, not a headline number.

"exports shrink via 222" — browser-native compression for CSV/JSON downloads. Boring, Baseline, free.

"add 50" — a styling/product advisor that streams answers, knows the catalog, and hands off to checkout.

"spin a spoke wheel behind it" — repeating-conic-gradient spokes turning once a minute. Reads as machined, not decorative.

"components adapt via 204" — drag the slider: the card restyles by its container, not the viewport. Design-system-grade responsiveness.

"the cursor speaks with 185" — hovering media, the cursor grows and says what a click will do.

"cue that it continues below" — a short line and a drifting chevron pointing down, the scroll invitation that isn't an animated bounce.

"cookie bar is <n>" — a plain-language consent notice with accept-all and necessary-only weighted the same; reach for it when the site needs a real cookie notice, not a dark pattern.

"install section = 146" — the compliant referral pattern: no named partner, no fake live booking, just the honest flow.

"catalog copy via 54" — every product page gets voice-consistent descriptions generated from specs, reviewed by gate.

"pin it to a corkboard" — a dense grid of slightly rotated note cards, uneven on purpose. For loose observations that should not look like a tidy list.

"anchor the nav in the corner" — mark top-left, links stacked top-right, a status line bottom-left; no bar, no rule, the page corner does the organising.