Designer theming basics
The designer ships with a neutral default theme that works on most storefronts. To match your brand, you customize five layers: primary color, accent color, typography, component radius, and button style.
All of this lives in admin configuration. No CSS changes required for the default brand customizations.
Set brand colors
Open PrintIntegrator → Settings → Appearance. Set the primary color (used on CTAs and active states) and accent color (used on highlights and badges).
The designer auto-generates a 50-950 tonal scale from each base color, so you only specify the base hex.
Typography
Set the display font (for headlines in the designer UI) and the body font. The font picker offers Google Fonts by default; for self-hosted brand fonts, upload OTF/TTF files in the Fonts settings.
The fonts you set here affect the designer chrome (buttons, panels, headers), not the fonts the customer can pick for their actual design.
Component radius
Pick from Sharp (0 radius), Subtle (4px), Round (8px, default), Pill (16px). This sets the corner rounding for buttons, panels, and inputs across the designer UI.
Match your storefront's radius style for visual continuity.
Custom CSS (advanced)
For shops needing more control, you can inject custom CSS scoped to the designer iframe. Open Settings → Appearance → Custom CSS.
Two warnings: changes you make here are not migration-safe across major version upgrades, and they're not visible in our QA testing. Use sparingly.