Design a store

Start from a system or a recipe, then turn the controls. Every change is a real theme setting.

Systems

A system is a complete, coherent design: type, colour, spacing, radius, buttons, image treatment, layouts and features. EverStorefront ships three — Foundry, Ledger and Signal — and every project starts from one of them, or from a design saved in your library.

The Pattern Book

The Pattern Book is the indexed, searchable range: recipes (a system fitted to a vertical and a mood), palettes and type pairs. Filter by vertical, mood, base system; apply any of them to a project in one click; save your own to the library.

The panel

Open Design on a project. Groups on the left, the live preview on the right — home, collection, product and cart, desktop or phone, and before / after against the store as it is today.

• Type — heading and body families (47 verified families, recents kept), scale, heading weight and tracking, body line height.
• Colour — palette, or every role by hand: ground, surface, text, muted, accent, border.
• Shape — corners for controls, cards, images and buttons, exact values.
• Buttons — size, letter case, secondary style.
• Surfaces — card style, shadow, border weight, divider strength, section spacing.
• Layout — three variants each for header, hero, product cards, featured collection, product page and footer.
• Features — cart drawer, predictive search, filters, quick add, swatches, sticky add-to-cart, submenus (dropdown or mega menu).
• Home page — which sections appear and in what order, including multicolumn, testimonials, logo bar and FAQ.

Every control writes a real theme setting, so the merchant can change the same things later in Shopify's editor.

Compare

Before / after puts the store's live home page beside the new design under one draggable divider that scrolls both sides together. It is on the design page, on the try page, and on review links.