Content-Length: 521222 | pFad | http://www.telerik.com/design-system/docs/

0 Design System Kit

Design System Kit

An end-to-end design language to create simple, intuitive and beautiful experiences.

Foundation

Use colors to express emotions, reflect your brand identity, and create visual continuity across components and products.

Spacing is using empty space to enhance clarity, readability, and element relationships in design.

Typography ensures consistent, readable text across all interfaces and improves clarity and user engagement on all devices.

Border radius defines the roundness of UI elements, which can draw attention and give a more expressive appearance.

Elevation adds depth to the design by using shadows to emphasize UI elements and create a visual hierarchy.

Clearly and effortlessly communicate your message and visually enhance your app with the simple, yet effective icon graphics.

Themes

Quickly apply harmonious and consistent styles to the components in your app with the Telerik and Kendo UI themes.

Apply the perfect look and feel to your apps with the styles supported by the Telerik and Kendo UI Default theme.

Apply the perfect look and feel to your apps with the styles supported by the Telerik and Kendo UI Bootstrap theme.

Apply the perfect look and feel to your apps with the styles supported by the Telerik and Kendo UI Material theme.

Apply the perfect look and feel to your apps with the styles supported by the Telerik and Kendo UI Fluent theme.

Apply the perfect look and feel to your apps with the styles supported by the Telerik and Kendo UI Classic theme.

Components

Customization

Need to Style Your UI Components - Meet ThemeBuilder

Control the look and feel of your UI components to fit any brand or application styles. ThemeBuilder is here to help you style your Telerik and Kendo UI components to perfectly match your design requirements.

Explore ThemeBuilder

Resources

Designers

Figma UI Kits

Telerik & Kendo UI Default KitCreate designs for the Telerik and Kendo UI components in your app based on the Default theme.

Telerik & Kendo UI Bootstrap KitCreate designs for the Telerik and Kendo UI components in your app based on the Bootstrap theme.

Telerik & Kendo UI Material KitCreate designs for the Telerik and Kendo UI components in your app based on the Material theme.

Telerik & Kendo UI Fluent KitCreate designs for the Telerik and Kendo UI components in your app based on the Fluent theme.

Developers

Telerik & Kendo UI IconsBrowse the GitHub repository with the supported Telerik and Kendo UI font and SVG icons.

Telerik & Kendo UI ThemesBrowse the GitHub repository with the available Telerik and Kendo UI themes.

Telerik & Kendo UI CSS UtilitiesBrowse the Telerik and Kendo UI CSS utilities package to build your desired app layout.