Page Builder Sandwich: Layout and design system

What it does

• Flexbox and CSS Grid containers — Sections and containers with full flex and grid controls, including a visual grid editor: drag to set columns and rows.
• Three built-in breakpoints — Separate settings for desktop, tablet and mobile, previewed live.
• Global colours and fonts, shared with your theme — Site-wide colours and typography that read from and write to the theme's settings (theme.json), so the builder and theme always match.
• Copy and paste styles between elements and sites — Copy an element's style, or a whole section, and paste it into another page or another website.
• Custom breakpoints (Pro) — Add your own screen sizes (large desktop, small phone, landscape tablet).
• Global classes and CSS variables (Pro) — A class manager like the pro builders: style once, reuse everywhere, change it in one place.
• Design tokens: spacing, radius and shadow scales (Pro) — Consistent spacing and style presets across the whole site.
• Custom CSS per element and per page (Pro) — For people who want to write their own CSS, with syntax highlighting.
• Dark mode for your website (Pro) — Build a light and dark version of your site's colours; visitors can switch or follow their device setting.
• Brand kit (Pro) — Save your logo, colours, fonts and tone of voice once; the AI and templates use them automatically.

Free or Pro

A feature marked (Pro) needs a Pro licence; (Agency plan) needs the Agency plan. Everything else is in the free edition.