Back
Components gallery
Open as store

18 variants

HeroAmbientGradient

heroclassic1 AI imagecontent · minimal-design

Full-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.

New collection

Clarity without noise

Volterra Alabaster Vessel
4.9$485Shop

A storefront that feels like your calmest tab.

HeroAsymmetricCards

herodesign-0013 AI images

design-001 · Three tilted product cards lift on hover around a large display headline. Cream background, off-grid composition.

Wildflower StudioTimeless objects for the discerning collector.
New collection

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 image

design-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.

The Atelier Edit · No. 26

Leather, made luminous.

A limited run of sculptural leather pieces, assembled in small batches and finished with hand-polished hardware.

Discover the edit
Photographed by Camille Vivier · Paris atelier, March 2026

HeroAtCinemaloop

herodesign-0031 AI image

design-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.

Spring · Summer 26 — film loop

The hour before light

Discover the film
⏵ 00:42 / 02:18 · muted loop

HeroAtSplitImageType

herodesign-0031 AI image

design-003 · editorial split-image hero for collection launches where one strong lifestyle image carries atmosphere and a concise type stack drives the primary action.

Photographed in Arles · 24
Resort 26 · Chapter I

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 image

Full-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.

Volterra Alabaster Vessel
Volterra Alabaster Vessel
Signature CollectionAurelian & Co.

VolterraAlabasterVessel

HeroLumiere

herodesign-0021 AI image

design-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).

Vol. II — The Ritual of Light

Botanicals distilled from a single summer.

A luminous daily ritual, composed with botanical actives and a finish that feels quietly expensive.

Shop the ritual

HeroShowcaseImmersive

herodesign-0011 AI image

Immersive 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.

New · Édition 01

Made to be the last one you buy.

Volterra Alabaster Vessel

Full-grain leather, hand-finished over six weeks and built to outlive every trend.

Shop the piece

HeroSplitFeatureGrid

herodesign-0011 AI image

design-001 - Copy + 2x2 feature grid baked into the copy column, slow-zoom image with a floating glass card on the right.

Storegen for makers

A storefront that ships in sixty seconds.

Answer four questions, watch your store materialize, then iterate live with the studio editor.

01

Real cart

Quantity, variants, checkout — wired from minute one.

02

Real type

Paired Google Fonts tuned per brand, never default.

03

Real palette

Five-token systems, contrast-checked pairs.

04

Real copy

Headlines and proof written from your brief.

Patina Tote
Heritage 2026
Patina Tote

Hand-burnished Tuscan leather 640

HeroSplitProductVisual

heroclassic2 AI imagescontent · luxury-heritage

Full-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.

AC
The collection01 / 05

Objectsthatoutlasttrends

Hand-finished pieces from European ateliers — each one numbered, each one meant to stay.

HeroSpotlightCursor

herodesign-0011 AI image

Dark 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
Move to illuminate

Volterra Alabaster Vessel

Hand-carved translucent alabaster; numbered edition of 120.

Acquire

HeroSpreadSplit

herodesign-0011 AI image

design-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.

Aurelian & Co.

Timeless objects for the discerning collector.

Timeless objects for the discerning collector.

HeroStackedChapters

herodesign-0011 AI image

Image-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.

01The Collection

Volterra Alabaster Vessel

Product

Volterra Alabaster Vessel

Chapters

1 Stories

Price

$48,500

Chapter / 01
Volterra Alabaster Vessel

HeroStillStatement

herodesign-0011 AI image

Image-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.

AC

Aurelian&Co.

HeroTypeSpotlight

herodesign-001✓ No AI images

design-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 image

Full-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.

AC

Aurelian&Co.

HeroWellnessSteps

heroclassic✓ No AI imagescontent · craft-founder

Product-led wellness ritual hero with three image cards for morning, day, and night routines plus an immediate email/CTA action.

ProdAtScrubChapters

herodesign-0033 AI images

design-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.

Savoir-faire · Pinned chapter01 / 03
Chapter I

The atelier at dawn.

Every bag begins as a single hide, hand-graded for grain and luster.

Search Aurelian & Co.

Jump to a product, collection, or page.