What the Style Editor changes
The Style Editor is for global visual settings that are safer to change across the site: typography, button treatment, spacing, and related style controls.
Background controls
The background editor lets you adjust supported section backgrounds with a solid colour, gradient, or image background while you review the preview.
Style Editor
Live Preview
×
Typography
Buttons
Spacing
Heading Font
Inter▾
Body Font
Open Sans▾
Base Font Size
16px
Heading Weight
700
Line Height
1.6
Heading Preview
This is how body text will look with the selected font and size settings.
Use global controls first
Set the broad design direction before making detailed section edits. Changing global style settings late can create extra review work because typography, spacing, and button changes may affect multiple pages.
Check contrast
After changing backgrounds, check light and dark areas for readable text, especially on buttons, cards, forms, and hero sections.