Preview

Review the real site before feedback becomes cleanup.

Lucra preview modes make boundaries, spacing, scaffold, hover states, and responsive context visible while the page is still being shaped, so client review starts from the actual output.

Preview helpers

See the real page before feedback starts.

Selection, Elements, Layout, Scaffold, and Hover expose the context a studio needs before review: selected blocks, element boundaries, spacing, empty structure, and live states.

Inspector-style visibility in the canvas.

These tools do not change the site content. They change what the builder reveals while you work, so structure and state are easier to read.

Selection
Elements
Margin
Padding
Gap
Scaffold

01

Selection

Highlights the exact block in context, including whether the studio is editing an element, section, or parent structure.

02

Elements

Shows inspector-style boundaries so text, media, buttons, and containers stay distinct on the canvas.

03

Layout

Reveals spacing and alignment for the selected block so page rhythm is easier to tune before client review.

04

Scaffold

Keeps empty containers and unfinished sections visible while the studio shapes the structure around them.

05

Hover

Turns on interaction states inside the builder so hover effects can be inspected before publish.

Lucra for studios

Turn the next client site into a reusable launch system.