Website settings
Changes appear in the preview as you edit.
01 · Pages
Each page becomes a real HTML file in your ZIP.
Home is always saved as index.html.
02 · Content blocks
Add blocks, drag them to reorder, or choose a column.
Drag a block using its handle (≡) in the editor or preview. Drop it in a column to move it. Click a block to edit.
Color presets
03 · Layout & structure
1000px
60%
16px
180px
Sets the banner image height, or the minimum header height when no image is used. The title and tagline sit below the banner.
04 · Colors & background
A valid image link replaces the selected pattern.
05 · Fonts, borders & details
* Uses Google Fonts; internet connection required.
Body · custom font
Use a different Google Font for paragraphs, lists and other body text.
Paste the URL or @import from Google Fonts; use the same family name as above.
Host the font file separately. Supported formats: WOFF2, WOFF, TTF, OTF.
Headings · custom font
Use an independent Google Font for site titles and all headings (H1–H3).
Paste a different Google Fonts URL or @import, then enter its family name above.
Host the font file separately. Supported formats: WOFF2, WOFF, TTF, OTF.
2px
6px
15px
06 · Page & website text
Navigation links are now created automatically from the pages above. Click the links in the live preview to switch pages.
07 · Advanced extras
Your CSS will be added to the generated stylesheet. Only use code you trust.
Live preview
Select a block in the preview to edit it. Drag blocks to change their order or column.
Export website
Download all pages and the shared CSS, export a single page, or save an editable project.