Tesserae
One Shopify theme with five complete presets. Choose the one closest to your brand, then make it yours in the theme editor.
The five presets
Each set in its own type and paletteWhat’s included
Built into the theme, not bolted on.
Each is a section, block or setting you switch on in the theme editor, with no apps.
MerchandisingFive mega menu layoutsPredictive searchNative filters: sidebar, horizontal or drawerQuick view and quick addColour swatches on cardsVariant media by colourPromo tiles in the gridRecommendations and complementary products
ConversionCart drawer, page or pop-upFree shipping progress barSticky add to cartSubscriptions and selling plansVolume pricing and quantity rulesGift card recipient formStore pickup availabilityShop Pay installments
StorytellingHero and slideshowMosaic gridShoppable image hotspotsScrolling storyVideo reelsBefore and afterTimeline and founder noteComparison table and countdown
Design system11-colour palette with automatic contrastFour corner stylesReveal on scrollCarousel navigation stylesBuild your own section with theme blocksTransparent header over the hero
Specification
Built the Shopify way.
ArchitectureOnline Store 2.0: JSON templates, section groups and theme blocks on every page
ColourShopify colour palette; section colours left blank get readable text worked out to WCAG AA
PresetsTesserae, Cairn, Harvest, Rosewater, Walnut
AccessibilityKeyboard-operable menus, drawers and dialogs, visible focus, checked against WCAG 2.2 AA
Without JavaScriptProduct form, filters, menus and cart keep working
PerformanceNo JavaScript libraries; scripts load only with the sections that use them
PriceComing to the Shopify Theme Store
Need Tesserae shaped around your brand?Custom builds