BUILD A PAGE · LEARN THE CSS

Shape the whole page.

Start with a complete layout. Turn page regions on and off, change the structure, and watch the desktop and phone versions update together.

01 / DESIGN CONTROLS

Your page settings

Starting template

Switching templates loads a new starting configuration.

Navigation style

Sidebar position

Sidebar width 240px

Content layout

Controls how the content cards flow.

Desktop columns 3

Phone columns

Content cards 6

Section spacing 20px

Card padding 20px

Page container

Color palette

Desktop preview · scroll inside the frame to inspect the whole page.

The phone preview is 390px wide. The generated page switches to its mobile rules at 640px.