Vale (Theme documentation)

(Presets)

Two presets

A preset is a starting point: color schemes, fonts and a few style settings. Both home pages share the same fourteen-section order and differ in the hero and the color schemes. Both presets use the same sections and templates, so anything you learn here applies to both.

(Good to know)

Changing a preset later (Theme settings > Theme styles, where available, or by reinstalling) replaces your colors and fonts. Your products, menus and pages are never affected.

Vale

The top of the Vale preset home page.
The Vale preset home page. Scroll it live.

The default. A warm beige ground with ink type and bronze accents, close to a printed catalogue. Best for design houses with strong photography.

Scheme 1
Background 1
beige #E9E1D3
Scheme 2
Background 2
sand #DFD2BB
Scheme 3
Background 3
ivory #F4EFE6
Scheme 4
Contrast
near-black #15130F
Scheme 5
Accent
bronze #7A5531
Fonts
Inter (grotesk) · Bodoni Moda (serif) · IBM Plex Mono (labels)
Heading weight
600
Product cards
Plain, portrait, second image on hover, catalog numbers
Home page
Hero: editorial cover, then featured collection ("New in the house", a slider of six), collection tabs, makers index, editorial letter, product spotlight, lookbook, route stack, chapter counter, rooms grid, testimonials, FAQ (collapsible content), closing statement, statement with image
Demo store
Coming with the Theme Store launch

Still

The top of the Still preset home page.
The Still preset home page. Scroll it live.

The evening edition: a near-black ground with beige type, made for lighting and moody interiors. Scheme 4 (Contrast) is the light beige band here, and the home page alternates: the hero, makers index, editorial letter, chapter counter, closing statement and statement with image stay dark, while New in, collection tabs, lookbook, route stack, rooms grid, testimonials and FAQ sit on beige. The announcement bar, footer, search panel, mobile menu and page transition curtain use Scheme 2, so the header and footer stay dark.

Scheme 1
Background 1
near-black #15130F
Scheme 2
Background 2
dark brown #221D17
Scheme 3
Background 3
charcoal #1C1914
Scheme 4
Contrast
light beige #E9E1D3
Scheme 5
Accent
bronze #7A5531
Fonts
Inter · Bodoni Moda · Roboto Mono
Heading weight
600
Product cards
Plain, portrait
Home page
Hero: photo with index, then the same thirteen sections as Vale
Demo store
Coming with the Theme Store launch

What stays the same

Both share the product, collection, search, cart, blog, article and page templates, the header and footer content, and every section. Only the color schemes of the header and footer differ: Vale uses Scheme 4 for the announcement bar and footer, and Still uses Scheme 2. Colors always come from the color schemes, so a section placed on any page follows the preset you chose.

(Lights on)

The Lights on scroll section is not on either home page. Add it from Add section wherever you want the room to warm lamp by lamp.