This is a demo site built with Root.js.Open the CMS
Sandbox
Blog
Product

Introducing module presets

Start every section from a designed, on-brand variant. Presets turn a blank module into a finished one in a single click.

Maya Chen
Maya ChenProduct Designer
Abstract grid of module thumbnails

Every page on this site is built from modules: a hero, a feature grid, a pricing table, an FAQ. Until now, adding one meant starting from empty fields. Today we are introducing presets.

What is a preset?

A preset is a prefilled variant of a module. The pricing module ships with a three-tier preset and a two-tier preset with an annual toggle. The hero ships with a split layout, a centered layout and a code-forward layout. Pick one, then edit the copy.

Why it matters

  • Editors ship pages faster, without waiting on design.

  • Every section stays on-brand, because presets use the design system.

  • Developers define presets next to the module code, so they never drift.

“Presets cut the time to build a new landing page from days to under an hour.”
Priya Natarajan, Head of Content

Presets are available on every module today. See them all in the module gallery.