Userpilot enables you to deliver in-app experiences that not only work for your users but also look and feel like an extension of your brand. Through its Themes and Design Library features, Userpilot gives you advanced and highly flexible options to ensure every modal, tooltip, banner, survey, or email you create is fully aligned with your design system, brand personality, and UI guidelines.Below is a detailed overview of how these features work and how you can use them to maintain brand consistency across all your in-app experiences.
Userpilot’s Themes system acts as the master style guide for your in-app content. A theme is a set of shared styling rules that automatically apply to all your Userpilot content (flows, spotlights, banners, emails, checklists, etc.) for a consistent user experience.
Design Library: Your single source of styling truth
The Design Library is built to give you and your team maximum flexibility and control over your in-app content style. It lets you organize design tokens into groups for easy management and supports a wide range of options you can define and reuse later from your themes, Chrome Extension, or when building custom themes for in-app experiences like surveys, checklists, or the Resource Center.
Best practices for Userpilot themes and design library
Here’s how to get the most out of these features:
Map your brand system first: Collect your color palette, typography rules, spacing standards, and assets.
Create multiple themes if needed: For example, one theme for light mode, another for dark mode, or create your own custom one.
Use the design library to enforce consistency: Don’t rely on ad hoc color picking, use saved tokens.
Users on any paid plan can access Themes and create multiple themes to match
their brand. However, the Design Library is available exclusively to
Enterprise plan users. Users on the Growth or Starter plan will need to
upgrade to Enterprise to unlock this advanced flexibility and fully transfer
their design system into Userpilot.