Configure the Global Design System

Set shared colors, typography, spacing, borders, buttons, media, motion, and responsive defaults across all BP Builder Addons components.

Global community design applied to builder-native components
Global community design applied to builder-native components. Open the full-size screenshot in a new tab.

Start with a coherent preset

Choose from 24 curated design presets plus Custom. A preset changes the shared token system; it does not lock component-level controls. Use a preset as a consistent baseline, then change only the tokens that belong to the brand.

Shared tokens

  • Accent, hover, surface, alternate surface, text, muted text, border, success, and danger colors
  • Body and heading typography
  • Container width and responsive columns
  • Padding, margins, gaps, borders, radii, and shadow strength
  • Avatar, cover, and image geometry
  • Button treatment and reduced-motion-safe entrances

Local overrides

Every component can inherit global values or override them. Keep inheritance for routine components. Override only when information hierarchy requires a deliberate exception.

View BP Builder Addons