Documentation
One theme, four designs. This guide mirrors the theme exactly · the settings reference below is generated from the live theme schema, so what you read here is what you see in the editor.
Add AURVA from the Shopify Theme Store, then Online store → Themes → Customize. Everything in this guide happens in the theme editor · no code needed.
AURVA is one theme with four complete identities. Switch in Theme settings → ✦ Style & univers → Style: typography, shapes, palette and the chrome (header, ticker, footer) all follow. Each design also ships dedicated homepage sections.
Dark, technical, indigo accent. Mono type, sharp edges, dot-grids. Built for sneakers, tech, streetwear.
Editorial luxe: near-black, gold, Fraunces serif. Conseiller-led hero, lookbook with shoppable pins, film. Built for leather goods, jewellery, fashion.
Warm cream and clay, rounded shapes, a guide with a face. Built for home, craft, natural apparel.
Luminous white: a system of nuanced whites, slate-ink accents, hairline rules, Manrope. Universal · any catalogue breathes in it.
Every design ships with a conversational concierge: the visitor types or speaks (« a gift, a skater, under €80 ») and gets real products, sized and in stock. Native Web Speech API · no app, no extra cost. Toggle and wording per section.
Visitors drop an inspiration photo; AURVA reads its colours and composes a matching selection from your catalogue. The photo never leaves their device.
Filters are composable blocks on the collection template: add any number of «Filtre horizontal» blocks (each holds the facets you type, shown as an always-open band or a click-to-open dropdown) and at most one «Filtre vertical» sidebar (left or right, open or closed, holding the facets you list · or every remaining facet if left blank). A facet placed in a block never shows twice. Filtering is instant (no page reload) and degrades gracefully without JavaScript. Facets come from Search & Discovery: sizes render as a scrolling band of chips, colours as swatches, price as a range.
A merchandising tile you drop inside the collection grid: image, heading, button, position and width (1 or 2 columns).
On the product page: live per-location availability with green dots, powered by Shopify local pickup. Updates when the visitor changes variant.
Hotspots on any image or video · the pin opens a mini product card with price and a direct link. Used across the Couture lookbook and film, the Organic film, and the Precision «shop the look».
One brand colour in, a full contrast-safe palette out: background, text, accent, border, button label. Dark or light base.
Bold, Editorial, Soft, Tech: four designed combinations of shapes, weights and caps applied in one click.
A deadline-driven banner with live digits; the call-to-action hides automatically when the sale ends. Safari-safe.
Schema.org structured data on products plus an llms.txt-style page so AI assistants can read the catalogue · a selling point for the AI era.
Fraunces, Hanken Grotesk, JetBrains Mono and Manrope ship inside the theme as variable WOFF2 (about 400 KB total). No Google Fonts calls, no external CDN, faster and private. Japanese and Thai use native system fonts.
The theme declares its colour-scheme per style, so battery-saver and forced-dark modes on Android and iOS never invert your pages or break contrast.
AURVA ships in 7 languages: English, French, Dutch, German, Spanish, Japanese and Thai. Japanese and Thai render with native system fonts (no downloads, always crisp). Add languages in Settings → Languages and translate content with Shopify's Translate & Adapt.
Generated from the theme itself · every group, every setting.
The master switch. Pick one of the four designs · every page of the store follows: typography, shapes, spacing and palette change together.
| Setting | Type | Notes |
|---|---|---|
| Style | choice · default precision | Switches the whole look: typography, shapes and palette. Choices: Precision · technical, sharp, indigo · Couture Noire · editorial luxe, gold on black · Organic · warm, rounded, clay & cream · Lumen · luminous white, slate accents |
Apply a complete designed combination (shapes, heading weight, caps, spacing) in one click, or stay in Custom and drive everything manually below.
| Setting | Type | Notes |
|---|---|---|
| Apply a complete, designed combination (shapes + heading weight + spacing + caps) in one click. Pick Custom to control everything yourself below. | ||
| Look | choice · default custom | Choices: Custom (manual) · Bold · sharp, heavy, uppercase · Editorial · light, roomy, mixed case · Soft · rounded, friendly · Tech · precise, mono, tight |
Give AURVA one brand colour and it derives a coherent, contrast-safe palette for the whole store: background, text, accent, borders, button text.
| Setting | Type | Notes |
|---|---|---|
| Set ONE brand colour and AURVA derives a coherent, contrast-safe palette for the whole store (background, text, accent, border, button text). Turn off to use the manual colour schemes below. | ||
| Auto-generate palette from brand colour | on / off · default off | |
| Brand colour | colour · default #4D5BFF | |
| Interface base | choice · default dark | Choices: Dark UI · Light UI |
The colour schemes that power every section. Each scheme defines background, text, accent, signature, button text, border and sale colours · sections pick a scheme, or follow the default.
| Setting | Type | Notes |
|---|---|---|
| Default color scheme | scheme picker · default scheme-1 | Applied to the whole storefront. Each section can override it. |
| color_schemes | scheme group | |
| Input corner radius | slider · default 4 | 0–10 px |
Functional colours: success, warning, error, review stars, sold-out and custom badges.
| Setting | Type | Notes |
|---|---|---|
| Status | ||
| Success | colour · default #1FB387 | |
| Warning | colour · default #ED8A00 | |
| Error | colour · default #CB2B2B | |
| Product | ||
| Review star | colour · default #E0A23A | |
| Sold-out badge | colour · default #8A8A90 | |
| Custom badge | colour · default #3A9BAC | |
Full control of headings, body and accent type: family, weight, style, size (mobile and desktop), line-height and letter-spacing.
| Setting | Type | Notes |
|---|---|---|
| Titres / Headings | ||
| Custom heading font | on / off · default off | By default the heading typeface follows the Theme style. Turn this on to choose your own. |
| Heading font | font picker · default work_sans_n4 | |
| Heading style | choice · default normal | Choices: Normal · Italic |
| Heading weight | choice · default 700 | Choices: Regular · Medium · Semibold · Bold |
| Heading size | slider · default 100 | All headings scale proportionally. 80–140 % |
| Heading line height | slider · default 100 | 90–160 % |
| Heading letter spacing | slider · default -1 | Hundredths of an em (-8 = -0.08em). -8–12 |
| Uppercase display headings | on / off · default on | |
| Texte / Body | ||
| Body font | font picker · default work_sans_n4 | |
| Base size (mobile) | slider · default 16 | 13–20 px |
| Size (desktop) | slider · default 16 | 13–20 px |
| Body letter spacing | slider · default 0 | Hundredths of an em. 0–8 |
| Cursive / accent | ||
| Cursive font | font picker · default work_sans_n4 | Decorative script for eyebrows and accents (use the .px-script class). |
| Cursive size (mobile) | slider · default 28 | 16–56 px |
| Cursive size (desktop) | slider · default 40 | 16–72 px |
One system for every button in the theme: radius, case, letter-spacing and typeface.
| Setting | Type | Notes |
|---|---|---|
| Corner radius | slider · default 0 | 0–40 px |
| Uppercase labels | on / off · default on | |
| Letter spacing | slider · default 4 | In hundredths of an em (4 = 0.04em). 0–16 |
| Label font | choice · default mono | Choices: Heading · Body · Mono (technical) |
Page width, margins and the global section-spacing multiplier.
| Setting | Type | Notes |
|---|---|---|
| Page width | choice · default 90rem | Choices: t:options.page_width.narrow · t:options.page_width.wide |
| Page margin | slider · default 20 | 10–100 px |
| Section spacing | slider · default 100 | Scales the vertical padding of banded sections. 100% keeps the current rhythm. 50–150 % |
Granular motion switches: button transitions, image zoom on hover, card reveal. Everything respects the visitor's reduced-motion preference.
| Setting | Type | Notes |
|---|---|---|
| Reveal sections on scroll | on / off · default off | Sections fade and rise into view as the shopper scrolls. |
| Button transition | on / off · default on | Smooth colour + press feedback on buttons. |
| Image zoom on hover | on / off · default on | Product card / collection images zoom slightly on hover. |
| Reveal products one by one | on / off · default off | Product cards rise in with a slight stagger. |
How products present in every grid: image ratio, second-image hover, text alignment, corner radius, quick-add.
| Setting | Type | Notes |
|---|---|---|
| Image ratio | choice · default square | Choices: Square (1:1) · Portrait (3:4) · Landscape (4:3) |
| Text alignment | choice · default left | Choices: Left · Center |
| Corner radius | slider · default 0 | 0–24 px |
| Show vendor | on / off · default off | |
| Show second image on hover | on / off · default off | |
| Show quick-add button | on / off · default on |
Sale badges (percentage, amount or text), the New badge with its age threshold, sold-out, and a custom badge with its own colour.
| Setting | Type | Notes |
|---|---|---|
| Show sale badge | on / off · default on | |
| Sale badge style | choice · default percent | Choices: Percentage (−20%) · Amount saved (−10€) · Custom text |
| Sale text (text style) | text · default Solde | |
| Show new badge | on / off · default on | |
| Considered new for | slider · default 30 | 0–90 d |
| New text | text · default Nouveau | |
| Show sold-out badge | on / off · default on | |
| Sold-out text | text · default Épuisé | |
| Badge corner radius | slider · default 0 | 0–20 px |
Colour swatches on cards and product pages: size and shape. Names map to colours automatically (35+ French and English colour names built in).
| Setting | Type | Notes |
|---|---|---|
| Shape | choice · default square | Choices: Square · Circle |
| Size | slider · default 26 | 18–44 px |
The recommendation row on product pages: on/off, heading, count.
| Setting | Type | Notes |
|---|---|---|
| Show related products | on / off · default on | |
| Heading | text | Leave blank to use the default translated label. |
| Products to show | slider · default 4 | 2–8 |
Drawer or page cart, free-shipping progress bar, order note, and the cross-sell row.
| Setting | Type | Notes |
|---|---|---|
| Cart type | choice · default drawer | Choices: Slide-out drawer · Cart page |
| Free shipping threshold | number · default 80 | Set to 0 to hide the free-shipping progress bar. |
| Enable order note | on / off · default off | Adds an order note field on the cart page. |
| Cross-sell | ||
| Show cross-sell on cart page | on / off · default on | Suggests products from the same collection as your cart items. |
| Cross-sell heading | text · default On adore avec | |
Breadcrumb trail on inner pages.
| Setting | Type | Notes |
|---|---|---|
| Show breadcrumbs | on / off · default off | Adds a Home / Collection / Product trail on product, collection, page and article pages. |
Your social profiles, shown in the footer.
| Setting | Type | Notes |
|---|---|---|
| link | ||
| TikTok | link | |
| link | ||
| YouTube | link | |
| X (Twitter) | link | |
| link | ||
| link |
Social sharing image.
| Setting | Type | Notes |
|---|---|---|
| Default social share image | image | Used for link previews and as a fallback logo for AI/SEO (Open Graph + schema.org). |
The browser-tab icon.
| Setting | Type | Notes |
|---|---|---|
| Favicon | image | Square image, 32 × 32 px recommended. |
Every section available in the editor, by universe. Shared sections work with all four designs.
404 Account Activate account Addresses Age verification Announcement bar Article Before / after Bento grid Blog Cart Collapsible content Collection Collection list Collection tabs Collections Comparison table Complete the look Concierge results Contact form Countdown Custom Section Divider Editorial statement Featured blog Featured collection Featured product Footer Gallery Header Hello World Hero collage Image banner Image with text Login Logo list Map Marquee text Multicolumn Multirow Newsletter Order Page Password Popup Predictive results Product Product recommendations Promo banner Pull quote Recently viewed Register Reset password Rich text Search Shoppable image Shoppable video Size guide Slideshow Social grid Stats Sticky scroll Testimonials Timeline Trust badges Video Visual search
PRECISION hero
Couture editorial Couture film Couture hero Couture journal Couture lookbook Couture marquee Couture selection Couture stats
Organic film Organic guide Organic hero Organic journal Organic selection Organic values
Lumen editorial Lumen hero Lumen nuancier Lumen selection