Global Styles and Theme Packs

Step 1: Open the Theme Library
Open Themes in Builder Studio to review style packs. A style pack coordinates semantic colors, typography, buttons, forms, and spacing. Preview its purpose before applying it, because one global choice can affect every Builder page that inherits the token.

Step 2: Use Style-Only Mode
Choose Apply Style when you want the design system without replacing the current page blocks. Use Style plus Starter only for an intentional new structure. On an existing site, style-only mode is the safer starting point because content and element IDs remain in place.

Step 3: Check an Inherited Element
Select a heading, button, or form control after applying global styles. Confirm the element is inheriting the intended token instead of carrying an old literal value. Resetting an override should return to the semantic token, not introduce another unrelated color or font.

Step 4: Verify Every Device
Review desktop, tablet, and mobile before saving global changes. Typography and spacing may inherit globally while responsive values remain device-specific. Check contrast, wrapping, tap size, and page width on several important templates, then save the global revision once.
