What You’ll Find Here
1
UI Patterns & Best Practices
Best practices for color, typography, tokens, content and more.
2
Components & Examples
Reusable UI elements designed for clarity, accessibility, and scalability.
3
Integration Guides
Step-by-step instructions for working with our code libraries.
Getting Started with Development
Before diving in, confirm your development environment and framework choice. Then, explore the relevant setup guides below.Usage with Blazor
Discover how to set up the design system in a Blazor environment to streamline
your UI development.
Usage with React
Explore the steps for incorporating the design system into your React
applications for a consistent, professional look.
Usage with Styles
Learn how to use the design system styles in your projects to maintain a
cohesive, visually appealing design.
Usage with Telerik
Learn how to integrate the design system’s CSS into your Telerik projects.
Assets
Download Helvetica Now
Download the Helvetica Now font family for your projects.
Download NuGet Package
Get the STUDS.Blazor NuGet package to easily integrate the design system
into your Blazor applications.