Our unified user interface (UI) styling system designed to give you complete, centralized control over the appearance of all interactive map components. This means you can design a cohesive, branded look for your maps without writing a single line of CSS.
Centralized Component Control #
The Styling Wizard acts as a single control panel for every UI element that overlays your map, including Info Windows, Store Locator forms, Marker Listings, and more.
Maps > Styling
Within the wizard, you can adjust the fundamental visual properties of your map components:
- Color Controls
- Background Color
- Text Color
- Accent Color (for buttons, and highlighted sections like directions and focus info-window banners)
- Accent Text Color
- Common Grey (for borders and separators)
- Typography Controls
- Font Size (Base font size, used as a scaler for other fonts)
- Border Controls
- Border Radius (Rounding elements within the interface)
- Backdrop Filters (Allowing for unique overlay styles)
We also include a few basic presets to help you get started!
Starter Presets #
To help you get started quickly or achieve a specific modern aesthetic, the Styling Wizard includes three built-in presets:
| Preset Name | Description | Key Visual Feature |
| Default | The standard, clean aesthetic that prioritizes high readability and accessibility. | Standard, square corners and neutral colors. |
| Rounded | A softer style that automatically applies a border radius to all components. | Smooth, rounded edges on all panels. |
| Glass | Applies unique CSS filters to create a modern, semi-transparent frosted glass effect over the map. | Requires setting a low background color opacity for the full effect. |
Example of our glass preset applied to our map interface styles.
