vitrin

Themes

A preset changes a store's character and leaves its structure alone. Apply one and this whole site and the demo store follow.

Your theme changes
The main colour and the font today. Corner radius, card style and home page layout come next.
Stays the same
Spacing, grid, type hierarchy, token roles and the AA contrast requirement.

Presets

The same card and button, with nothing changed but the preset.

Orchid

The design system as it ships: plum and a friendly sans. Good for beauty and care.

NewSerums

Font: Figtree

All 7 contrast pairs pass AA

Atelier

Deep green with a serif. For brands that lead with their story and photography.

NewSerums

Font: Fraunces

All 7 contrast pairs pass AA

Harbour

Clear blue with a neutral sans. For large catalogues where products do the talking.

NewSerums

Font: DM Sans

All 7 contrast pairs pass AA

Ember

Warm red with a rounder sans. For stores that run on campaigns and offers.

NewSerums

Font: Outfit

All 7 contrast pairs pass AA