Desktop, 1280px+
Full-width layouts, multi-column grids, sticky headers, and side-by-side hero compositions. The widest expression of your design.
Responsive Controls
Design once.
Design once.
Tune every breakpoint.
Independent overrides per device. Tune typography, spacing, and layout for phones, tablets, and desktops without leaving the canvas — and without writing a single media query.
One canvas, three views
Switch breakpoints without losing work
Make a change at one breakpoint, leave the others untouched. Or apply globally with a click.
Tablet, 768px
Auto-collapses 3-column grids to 2. Type scales down. Sticky elements unstick. Touch targets grow. All without touching CSS.
Mobile, 375px
Single-column stacking, larger tap targets, hamburger nav, optimized image loading. Mobile-first by default.
Per-breakpoint overrides
Change anything, just for that device
Padding, font size, alignment, visibility, layout — every property has a per-breakpoint override. Adjust mobile spacing without touching desktop.
- Typography overridesDifferent font sizes per device, line-height adjustments, letter-spacing tweaks.
- Show / hide blocksHide a complex chart on mobile. Show a simplified version. No media query gymnastics.
- Layout reflowChange column counts, switch from grid to stack, reorder blocks for mobile.