Page Structure Builder

Design your page layout, then copy the HTML & CSS

Page Type

Layout Structure

Components

Container

Max Width 1000px

Grid Options

Columns 3
Gap 20px

Section Height

Flexbox Layout

Direction
Justify
Align
Gap 20px

Image Options

Click images to view fullscreen (+/− cursor)

Colour Mode

Colours

Background
Text
Accent
Header
Nav
Footer

Base Typography

Font Size 16px

Adjust for mobile-friendly sizing

Preview Size

Tip: Start with a page type, add components, then customise colours. Copy the generated code when ready!