Global Style
Global Style controls broad visual styling for a page.
Use it to set consistent design foundations before fine-tuning individual sections, containers, and elements.
When to use Global Style​
Use Global Style when you want a consistent base across the page.
Examples:
- Page-wide typography direction.
- Common colors and visual style.
- Reusable spacing or design patterns.
- General page appearance before element-level edits.
Global style vs element style​
| Style area | Best use |
|---|---|
| Global Style | Broad page-wide visual consistency. |
| Element Style | Specific adjustments for one selected element or container. |
Start with Global Style, then adjust individual elements only where needed.
Best practices​
- Define broad page styling before detailed element styling.
- Keep typography and colors consistent across repeated sections.
- Avoid over-customizing every element if a global rule can achieve the same result.
- Check responsive views after changing broad style settings.
- Save after major style updates.
Related docs​
FAQ​
Should I edit Global Style before individual elements?
Yes. Set the broad visual direction first, then adjust individual elements only when a section needs a specific exception.
What kinds of changes belong in Global Style?
Use Global Style for page-wide visual consistency such as typography direction, colors, spacing patterns, and general page appearance.
Can Global Style affect existing sections?
Yes. Broad style changes can change how existing sections feel, so preview the full page after making updates.
What should I check after changing Global Style?
Review repeated sections, forms, buttons, headings, and mobile views to make sure the new page-wide styling still works everywhere.