HeroAmbientGradient
heroclassic1 AI imagecontent · minimal-designFull-viewport modern product hero with a slow-drifting ambient gradient mesh, accent-word headline, value-prop pills, primary + secondary CTAs and an optional social-proof line. Now requires a true 16:9 editorial product/lifestyle plate behind a frosted overlay.
HeroAsymmetricCards
herodesign-0013 AI imagesdesign-001 · Three tilted product cards lift on hover around a large display headline. Cream background, off-grid composition.
Field-grown, slowly distilled, by hand.
An apothecary line built from a kitchen garden in Ojai. Eighteen blends, two seasonal drops a year, never the same again.
HeroAtAsymmetricDiptych
herodesign-0031 AI imagedesign-003 · Editorial asymmetric diptych hero for premium product/editorial launches where one full-height image carries the emotion and a narrow copy panel carries a short headline, lede, CTA, and optional credit.
Leather, made luminous.
A limited run of sculptural leather pieces, assembled in small batches and finished with hand-polished hardware.
Discover the editHeroAtCinemaloop
herodesign-0031 AI imagedesign-003 · Full-bleed cinematic hero with ken-burns photography, vignette overlay, single short headline pulled to bottom-left, optional film-loop tag and "Discover the film" link.
The hour before light
Discover the filmHeroAtSplitImageType
herodesign-0031 AI imagedesign-003 · editorial split-image hero for collection launches where one strong lifestyle image carries atmosphere and a concise type stack drives the primary action.
A wardrobe for long afternoons.
Linen, raw silk, hand-finished cotton — pieces composed for the slow hours between sea and supper.
HeroCinemaObject
herodesign-0011 AI imageFull-bleed cinematic single-product hero: one exceptional product photograph fills the frame with a bold oversized headline and a single decisive CTA in a protected lower-left scrim. Image-led, mobile-first, token-safe.
HeroLumiere
herodesign-0021 AI imagedesign-002 · Visible 7/5 editorial split hero with left-anchored H1, larger 4:5 product image right, brand lede, one primary CTA, and Lumière motion (SplitText reveal + parallax artefact + drift wordmark).
Botanicals distilled from a single summer.
A luminous daily ritual, composed with botanical actives and a finish that feels quietly expensive.
Shop the ritualHeroShowcaseImmersive
herodesign-0011 AI imageImmersive single-product showcase: the product floats as a glowing, grounded hero object on a lit dark stage (aurora + grain) with a 3D cursor-tilt, a ghosted depth-word behind it, oversized layered type, scroll parallax, and a cinematic clip-reveal. Apple/Awwwards-grade product moment.
Made to be the last one you buy.
Full-grain leather, hand-finished over six weeks and built to outlive every trend.
HeroSplitFeatureGrid
herodesign-0011 AI imagedesign-001 - Copy + 2x2 feature grid baked into the copy column, slow-zoom image with a floating glass card on the right.
A storefront that ships in sixty seconds.
Answer four questions, watch your store materialize, then iterate live with the studio editor.
Real cart
Quantity, variants, checkout — wired from minute one.
Real type
Paired Google Fonts tuned per brand, never default.
Real palette
Five-token systems, contrast-checked pairs.
Real copy
Headlines and proof written from your brief.
HeroSplitProductVisual
heroclassic2 AI imagescontent · luxury-heritageFull-bleed interactive lookbook hero for premium ecommerce stores where one cinematic image carries the brand world and thumbnail looks let visitors swap the featured product scene.
Objectsthatoutlasttrends
Hand-finished pieces from European ateliers — each one numbered, each one meant to stay.
HeroSpotlightCursor
herodesign-0011 AI imageDark editorial hero for a single product: cursor-tracked spotlight, registration-mark framed product, indexed margin notes, scroll-tightening crop, and an index/series meta-strip in the corners. Inspired by premium Framer single-product templates.
Volterra Alabaster Vessel
Hand-carved translucent alabaster; numbered edition of 120.
HeroSpreadSplit
herodesign-0011 AI imagedesign-001 - magazine spread where the image is the protagonist. Comfortable copy column (eyebrow + oversized headline + ~46ch lede + one decisive CTA) paired with a near-bleed slow-zoom image and an optional glass credit card. Image-dominant split (~62%), mobile-first image-first, token-safe.
HeroStackedChapters
herodesign-0011 AI imageImage-led sticky-scroll hero for a single hero product, where a mandatory editorial 4:5 product still anchors the page while 2–4 concise chapters reveal materials, craft, or performance details.
Volterra Alabaster Vessel
Product
Volterra Alabaster Vessel
Chapters
1 Stories
Price
$48,500
HeroStillStatement
herodesign-0011 AI imageImage-led full-bleed still hero: one exceptional editorial photograph fills the frame with a single oversized headline in a protected lower-left legibility scrim, an optional eyebrow, and at most one optional ghost CTA. Mobile-first, token-safe, no above-fold chrome.
Aurelian&Co.
HeroTypeSpotlight
herodesign-001✓ No AI imagesdesign-001 · Bold typographic hero for text-led brands: one massive centered statement on a token-toned stage over an optional low-opacity backdrop image or a primary/accent token mesh, with one decisive CTA. No image required — the type IS the hero.
Aurelian&Co.
HeroVideoStage
herodesign-0011 AI imageFull-bleed video-background hero: a merchant-set muted autoplay loop carries the frame on desktop, with a bold oversized headline and one decisive CTA over a token scrim. Mobile and reduced-motion users get the poster still automatically. Image/motion-led, mobile-first, token-safe.
Aurelian&Co.
HeroWellnessSteps
heroclassic✓ No AI imagescontent · craft-founderProduct-led wellness ritual hero with three image cards for morning, day, and night routines plus an immediate email/CTA action.
Healthierdailyroutine
Track your habits and improve your daily wellness with small, intentional steps.
ProdAtScrubChapters
herodesign-0033 AI imagesdesign-003 · Pinned cinematic dark-mode hero that walks through 3–5 chapters of a brand story. Auto-rotates on a 5.5s cadence with a thin progress strip; pauses on hover and when offscreen. Each chapter cross-fades the photograph (1.2s) and animates its text block in (mask-reveal headline + fade-up lede). Click chapter dots to jump.
The atelier at dawn.
Every bag begins as a single hide, hand-graded for grain and luster.