Skip to main content
CurateOneWiki
Open CurateOne

Style your site with the Design Inspector

Fine-tune fonts, colors, spacing, and whole section layouts visually — no code required.

Updated 2026-07-16

The Design Inspector lives in Edit mode and gives you direct visual control over how things look, from a single button’s font weight to an entire section’s layout.

02Element styling

Select any element in the preview and adjust its font, size, weight, color, spacing, and alignment. Changes apply live, so you can nudge values until it looks right.

03Section-level controls

Sections get their own set of controls. The layout gallery lets you swap a section’s layout for a different variant — and every variant is previewed with your real content, not lorem ipsum, so you’re judging the actual result.

You can also tune a section’s band: its height, background, and text color, plus the typography of the content inside it.

04Restyle a section

  1. Switch on the Edit toggle in the Studio.
  2. Click into the section you want to change.
  3. Open the layout gallery to browse variants rendered with your content, and pick one.
  4. Adjust the band’s height, background, or text color to finish.
TipFor sweeping changes — “make the whole site feel calmer” — ask the copilot instead. The Design Inspector shines for targeted, surgical tweaks.

Related articles

Edit content in placeFlip on Edit mode to click any text or image in the live preview and change it directly.Edit with the AI copilotDescribe changes in plain English and the Studio copilot applies them — with per-turn undo and grounded suggestions.