Blocks and customization
Choose from 45 blocks and change the content, layout, colors, buttons, images, and site-wide design.
Block library
The library has 9 categories with 5 blocks in each category. Start here is open when the builder loads. The other categories stay closed until you open them, and searching opens categories that contain matching blocks.
| Category | Included blocks |
|---|---|
| Start here | Navigation Bar; Text Section; Button Collection; Spacer or Divider; Simple Footer |
| Heroes | Simple Hero; Split Image Hero; Centered Gradient Hero; Minimal Launch Hero; Full Image Hero |
| Content | Image and Text; Two Column Text; FAQ Accordion; Information Box; Featured Quote |
| Features | Feature Cards; Feature Checklist; Numbered Features; Bento Feature Grid; Feature Comparison |
| Calls to action | Announcement Bar; Call to Action; Split Call to Action; Compact CTA Card; Full Width Action Banner |
| Social proof | Partner Strip; Rating Summary; Statistics Row; Team Cards; Testimonial Cards |
| Pricing | Pricing Cards; Two Pricing Plans; Pricing Comparison Table; Featured Plan; Service Price List |
| Media | Image Gallery; Image Showcase; Video Feature; Before and After; Screenshot Grid |
| Contact | Contact Details; Contact Callout; Location Cards; Support Channels; Social Links |
Add and arrange blocks
- 1Choose a category or use the block search.
- 2Click a block to add it to the current page.
- 3Drag the block up or down to change its position.
- 4Duplicate a block when you want a similar section with different content.
- 5Delete blocks that are no longer needed. Undo can restore a recent change.
Block settings
The exact options depend on the selected block. Common settings include:
- Headings, paragraphs, labels, prices, statistics, questions, and contact information.
- Background, text, accent, card, and button colors.
- Section spacing, content width, text alignment, columns, and image position.
- Image URLs, captions, alt text, and preview images.
- Button collections with editable labels, links, styles, order, and new-tab behavior.
- Card and button roundness where the block supports it.
Buttons and links
Blocks that support a button collection can use multiple buttons. You can add, remove, and reorder them, then choose a primary, secondary, outline, or text-link style.
Use paths such as /about for another page on the same site, or enter the full https:// address for an external website.
Pages
Open Pages to add, rename, reorder, or remove pages. The home page uses /. Other pages can use paths such as /about, /pricing, or a nested path such as /docs/start.
Each page has its own blocks. Site-wide design settings apply across the generated website.
Site-wide settings
| Setting | Use |
|---|---|
| Site title | Sets the website name used by the generated pages. |
| Search description | Adds a general description for search engines and link previews. |
| Default font | Changes the main font used across the website. |
| Page background | Sets the default page background color. |
| Default text | Sets the general text color. |
| Accent color | Provides the main highlight color used by compatible blocks. |
| Favicon URL | Uses an image as the browser tab icon. |
Preview and history
Use desktop and mobile preview modes to check the layout at different widths. Undo and redo are useful while experimenting, but save the project regularly so the latest draft is stored.