Skip to main content
Voyager ships with three named theme styles — Editorial Navy, Warm Cream, and Minimal Monochrome. Switching presets in the Theme Editor swaps colours, button corner radius, letter-spacing, container width, section spacing, card image ratio, and a handful of motion settings all at once. It’s the fastest way to find a register that fits your brand before you start tuning individual values. Presets live in Theme settings → Theme styles.

Editorial Navy (default)

The original Voyager mood. Italian maison editorial — navy ink on warm cream, caramel accent, extra-wide letter-spacing on buttons, sharp corners. Best for maritime / heritage / tailored / restrained brands — the original Voyager stance.

Warm Cream

Same restraint, warmer register. Brown-ink on a deeper cream paper with a soft caramel accent. Subtler than Editorial Navy, and a touch friendlier — corners go to 4 px, letter-spacing relaxes from extra-wide to wide, the grain overlay disappears. Best for beauty, home goods, wellness, and brands that read warm rather than crisp.

Minimal Monochrome

Pure black on white. No accent colour — the accent token is reset to pure black so every “accent” surface reads as ink. Buttons become outline-style. Square cards with centred text. Wider container, more generous section spacing, no grain, no cursor, no intro loader. Best for sculpture, niche fragrance, art-led brands, and houses where the imagery does the talking.

How to switch

1

Open the Theme Editor

From your Shopify admin, go to Online Store → Themes → Customize on the Voyager theme.
2

Open Theme settings

Click the gear icon in the left sidebar.
3

Pick a preset

Open Theme styles. Select Editorial Navy, Warm Cream, or Minimal Monochrome.
4

Save

Click Save in the top right. The preview swaps live; the whole storefront now uses the new preset.
Switching presets overwrites every setting controlled by the preset. If you’ve already tuned brand colours, button radius, or section spacing, they’ll be replaced. Duplicate your theme first if you want to compare.

Creating custom variations

Once you’ve selected a preset, you can override any individual setting — change the accent colour, push container width to 1440 px, swap the card ratio to square. The moment you do, Theme settings → Theme styles shows the preset name with a Custom tag. This is the recommended workflow: pick the preset closest to your brand, then tune the four brand colours and one or two layout settings. You preserve the curated balance of the preset while making it yours. To return to a clean preset, re-select it from the dropdown — Voyager restores every default and clears the Custom tag.

What’s next

Colors deep dive

The brand palette, four schemes, and functional tokens explained.

Layout & spacing

Container, spacing, rule weight, card behaviour.