Apply Your Brand Colors

Overview

KendoReact lets you easily style the UI components in a way that matches your brand guidelines. Brand colors allow you to make your applications look unique and recognizable. You can achieve this by using two simple yet powerful tools: The Kendo UI Kits for Figma and the Kendo UI ThemeBuilder.

Your designers can utilize the ready-to-use Kendo UI Kits, change the styles, and apply your brand colors in their projects. You can enter these colors in the ThemeBuilder app and style the components to match them with the brand requirements.

Kendo UI ThemeBuilder

Ease of Use

The Kendo UI Kits for Figma follow the same customization logic used in the ThemeBuilder app - another way to ensure alignment between design and development. The styles used in the Kendo UI Kits have their variable counterparts in Kendo UI themes. Once you have the final design with the required colors, you can enter them into the ThemeBuilder to make the two match. Then you can download a file with the css and scss styles and use them across projects.

Three Ready-to-Use Themes

To help you achieve the desired look faster, the ThemeBuilder steps on the three ready-to-use themes: Kendo Default, Bootstrap, and Material. You can select one of these themes as your starting point and change only the colors that you need.

Color Swatches

You can use the predefined color swatches in the ThemeBuilder to find the desired look for the components in your application even faster. These swatches offer additional color palettes that you can use on top of the base theme. 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 Your Own Design System page to learn how you can take advantage of years of experience in application design and development.

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.