25 blocks, each drawn below by the same code that draws your site — here in the colours of Halden Bakehouse, the bakery we use for examples.
A full-width band. Everything on a page sits inside one.
Its settings in the builder: Section motion, Motion duration, Hero section, Layered layout, Keep content within the page width, Minimum height, Show when, Test, Compared with and Hide when empty.
section
A section is a band across the page. Everything else sits inside one.
The tinted background is one of the section’s own settings.
Two to four columns that stack on small screens.
Its settings in the builder: Layout, Stack columns on, Vertical alignment and Reverse order when stacked.
columns
Country sourdough, seeded rye and a Friday focaccia.
Saturday mornings, six at the bench, all flour included.
A group of blocks with its own spacing, background and alignment.
Its settings in the builder: Layered layout, Direction, Full height, Wrap onto new lines, Distribute, Align items, Show when, Test, Compared with and Hide when empty.
box
Three hours, one loaf to take home, coffee at the halfway mark.
Empty vertical space.
Its settings in the builder: Height.
spacer
Above the spacer.
Below it: a fixed gap, when the rhythm needs one.
Repeats the blocks inside it once per item: items you type, or records from a collection.
Its settings in the builder: Items from, Post category, Which locations, Items, Collection, How many, How many reviews, Order, Lowest rating shown, Only reviews with words, Layout, Across, Space between rows, Space between columns, Show only items where, Pages, Page address name, Style some items and When there is nothing to show.
list
Starter, shaping and a first bake, with a loaf to take home.
Saturdays, 9 till 12
Laminated dough folded by hand, then croissants for the table.
First Sunday of the month
Dense, dark loaves that keep all week, and why they need two days.
Thursday evenings
The card is built once, with a place for each item’s title, summary and picture, and drawn for every item. On your site the items can come from one of your collections instead, and follow it as records are published.
A line between groups of content. Stands upright between items in a row.
Its settings in the builder: Label, Label position, Label size, Colour, Style, Thickness, Space around, Ornament size, Ornament position and Inset from the edges.
divider
Loaves until they are gone.
Classes on Saturday mornings.
Questions or topics that open to show what is under them. Every answer stays on the page for search.
Its settings in the builder: Arrangement, Spacing, Appearance, Open / close motion, Let several stay open, Open when the page loads, Question level, Marker and Line between items.
accordion
Tuesday to Saturday, from 5am. The first loaves are on the shelf by seven.
A row of tabs, each showing its own blocks. Arrow keys move between them.
Its settings in the builder: Tab position, Tour eyebrow, Tour heading, Tour introduction, Content shape, Appearance, Switch animation, Tabs sit, Showing first, On phones and Menu label.
tabs
Two days from mix to crust, with a starter older than the shop.
Dense, dark and baked on Thursdays only.
Laminated by hand on Fridays, gone by Saturday lunchtime.
Slides that scroll sideways, with arrows, dots and an optional autoplay.
Its settings in the builder: Carousel style, Spacing, Name for screen readers, Slides in view on a desktop, On a tablet, On a phone, Space between slides, Arrows, Dots, Start again after the last slide, Move on by itself and Seconds per slide.
carousel
One item of an accordion, one tab, or one slide.
Its settings in the builder: Tab supporting line and Title.
panel
A panel is one item of an accordion, one tab, or one slide, and holds any blocks.
A title. Wrap a word in ** to colour it.
Its settings in the builder: Text, Heading level, Size, Reveal, Each word takes and Gap between them.
heading
Paragraphs of body copy, with bold, italic and links.
Its settings in the builder: Kind, Text, Size, Tone and Keep lines readable.
text
We bake in small batches from five in the morning, so the shelves are full when the door opens at seven.
When a loaf is gone, it is gone until tomorrow. Come early for the seeded rye.
Text with headings, bulleted and numbered lists, and quotes — for articles, policies and FAQs. Type ##, -, 1. or > at the start of a line, or use the toolbar.
Its settings in the builder: Kind, Text, Size, Tone and Keep lines readable.
text
Every loaf takes two days. That is the whole secret, and it cannot be hurried.
The crust sings when it comes out of the oven.
A star rating. Inside a list of Google reviews it shows each review’s stars.
Its settings in the builder: Rating, Size, Colour and Show the number.
stars
Half and tenth stars show as part of a star.
Inside a list of Google reviews, set the rating to {{record.rating}} and each card shows its own stars.
A row of words, or of blocks, that scrolls sideways without end.
Its settings in the builder: Scrolls, Words, Text size, Between them, One lap takes, Moves, Space between, Pause under the pointer, Fade at the ends and Named for screen readers.
marquee
An image, video or Lottie animation in one styled frame.
Its settings in the builder: Media type, Image, Open image fullscreen, Fullscreen backdrop, Fullscreen backdrop color, Gallery in lists, Video source, Video, Video link, Animation, Accessible name, Video poster, Shape, Fit, Inner spacing, Ambient backdrop, Floating ambiance, Backdrop blur, Backdrop intensity, Backdrop edge fade, Content border, Content border width, Content border color, Hover effect, Hover motion, Hover amount, Hover transition, Play automatically, Loop, Start muted, Show playback controls, Start controls expanded, Animation speed, Play in reverse, Captions file URL, Caption language code, Caption label, Allow fullscreen, Allow picture-in-picture, Load image early and Caption below media.
media
A Google map of your locations, or of places you pin.
Its settings in the builder: Places, Pins, Pin names, List of places, Look, Pin colour, Height, Zoom, Directions links and Zoom with the mouse wheel.
map
On your site this is a live Google map with these pins. It is not loaded on this page, so this page sends nothing to Google; the list of places is what a map shows beside or under it.
Two pictures, one over the other, with a handle to drag between them.
Its settings in the builder: First picture, Second picture, First picture’s label, Second picture’s label, Divider, Divider starts at, Shape and Handle says.
compare
A line icon or one of your marks, plain or on a disc.
Its settings in the builder: Icon, Says, Size, Line weight, Colour, Look, Shape, Room around it, Accent ring, Mark from the record and Mark by value.
icon
Your own SVG drawing — a shape, wave, icon or illustration — in the site’s colours.
Its settings in the builder: SVG, Colour, Says, Size, Width and In a box of another shape.
svg
A button that goes to a page or runs its actions.
Its settings in the builder: Supporting line, Button treatment, Label, Directional arrow, Label motion, Goes to and Open in a new tab.
button
A dialog, side drawer or bottom sheet opened by a button. Choose a surface variant and compact spacing.
Its settings in the builder: Title, Show the title, Presentation, Surface variant, Spacing, Width, Ground, Close on a click outside it, Page behind, Corners and Show the close button.
modal
Your weekly hours from your business profile, as a list, table, week, one line or an open-now badge.
Its settings in the builder: Layout, Heading, Join days with the same hours, Show today and whether you are open, Clock and Closed days say.
hours
Opening hours
Today’s hours
Mon ClosedTue–Thu 7 am – 4 pmFri 7 am – 6 pmSat 8 am – 2 pmSun Closed
Your own hours come from Business → Hours, so a change there changes every page. Three of its five layouts are shown; it can also be a full table or seven day tiles.
Your overall Google rating and number of reviews, with a button to leave one.
Its settings in the builder: Layout, Stars, Number of reviews, Business name, Star colour, Leave a review button and Button says.
review-summary
On your site this reads your business’s rating and review count from Google, and the button opens Google’s review form. The numbers here are a sample. For the reviews themselves, use a List with Google reviews as its items and design the card however you like.
The site’s logo, linking home.
Its settings in the builder: Show, Business name, Tagline, Layout, Show tagline and Sits on.
site-logo
Draws your uploaded logo, name and tagline from your site’s settings. Here it has no uploaded mark, so it shows the initial.
Heroes, FAQs, testimonials, steps, forms, and listings of your posts, products and records — each one a whole band, filled from your site and drawn in your theme. They sit in the builder’s Add panel beside the blocks above.
