Apply Your Brand Colors

kendo_mascot-1-min

Overview

The Kendo UI ThemeBuilder and Kendo UI Kits for Figma work together to help you easily style Kendo UI for Angular components to match your brand guidelines to ensure consistency. Your designers start with the Kendo UI Kits for Figma and then use the ThemeBuilder to apply the appropriate colors directly to the Angular components. Both tools are freely available. It really is simple!

Kendo UI for Angular ThemeBuilder


Designer Friendly

The Kendo UI Kits for Figma follow the same structure as the ThemeBuilder app, helping to ensure that design and development are aligned. The styles used in the Kendo UI Kits have identical variable counterparts in Kendo UI themes. Once you have the final design with the required colors in Figma, you can enter them into the ThemeBuilder to make the two match. When that's done, you'll have a css/scss file to use across projects.

Three Ready-to-Use Themes

There is no need to reinvent the wheel, the ThemeBuilder comes with three ready-to-use themes built-in: Kendo Default, Bootstrap, and Material. You can select one of these themes as your starting point and only change the colors that you need.

Color Swatches

Rather than define your colors individually, you can select from the ThemeBuilder's predefined color swatches. Designed to help you get your look as fast as possible, these swatches offer a collection of professional color palettes. Feel free to experiment and enjoy the beautiful and consistent styles that you can apply to your applications.

Enhanced Customization

If you want to control more than just the colors in your applications, we can help you to create a complete design system that will express your brand’s unique style. Check out our Design System Services page to learn how you can take advantage of our years of experience in application design and development.

Get Started with Kendo UI for Angular

Kendo UI