Drag the heading → left: 80px Resize the card → width: 320px Assign a class → class="card"
Beta
Design and ship sites, in one surface.
A visual canvas with the code underneath it. Drag, resize and place by hand, or edit the markup and assign classes directly — both are editing the same document, and neither is an export of the other.
Two modes, one document
The code panel is an editor, not a preview.
Most visual builders make the canvas authoritative and generate code out of it. You can read that panel; you cannot meaningfully write in it, because the next drag regenerates over the top. Comlumen runs both views over one model, so dragging a box and typing a number are the same operation.
<h1 class="display"
style="left: 80px; top: 96px">
Design and ship.
</h1> How it works
A page has a spine.
01
Sections stack
Vertical is flow. Add a section and everything below moves down for free — so a page can be reordered, and a hero can be swapped without hand-moving the footer.
02
Inside is free
Within a section, everything is positioned to the pixel with eight resize handles and an 8px snap. That is the part a design tool is actually for.
03
Breakpoints cascade down
Edit at Phone and Desktop never sees it — the same rule as a
max-width query. Overridden fields are marked, so you
know the blast radius before you make the change.
04
Classes carry the design
Every element has a class list, and the stylesheet that gives those classes meaning is right there beside the canvas. Change the button once, not forty times.
Start from something
Sections that already exist.
Navbars, heroes, feature grids, pricing tables and footers, each with its own stylesheet. Place one and edit it — nothing is locked, and nothing links back to a template that can change under you.
Presets
Seven ready sections covering navigation, hero, content, commerce and footer. Copied by value, so editing yours changes only yours.
Your own blocks
Save any section to the workspace library and place it on another page. Placement records the link, so you can see where a block is used without it silently changing a published site.
Real markup
Semantic tags, class lists and a stylesheet you wrote. What comes out is a page you could have hand-built.