A new Interface section on each brand lets you carry your brand styling into the interactive components your visitors use to navigate your guidelines — search, popovers, buttons, and inputs.
- Branded search and command palette. The site-wide search panel and command palette take on your brand colors and typography, so finding assets feels like part of the brand.
- Buttons read from your interface styles. Buttons now read from your standard interface styles so you don't have to define them individually for every button.
- Popovers and toolbars. Popovers, toolbars, and selection panels are styled with your brand tokens, keeping every surface consistent.
- Accent, gray, and font controls. Pick which of your brand colors drives interactive states, which neutral powers the surfaces around them, and which fonts apply to interface text — including a dedicated button font.
- Radius, scale, and panel background. Set corner radius from none to fully rounded, nudge the overall interface size between 90% and 110%, and switch panels between solid and translucent backgrounds.
- Live preview. As you adjust each setting, a preview of every interface component updates in place so you can see the result before saving.
Interface Styles are managed from the new Interface section in each brand, and the styles apply across every site using that brand.