Want to help your apps fit your organization’s branding? This session will detail how to create and implement a design system for your canvas apps by utilizing five data tables:

- a color themes table
- a spacing table
- a text formatting table
- a color primitives table (optional but advised)
- an icons table (also optional, but nice to have)

We’ll cover the initial setup, including colors and color variants, an easy way to define font sizes for various uses (headers, labels, body, etc.), and how to think in a pseudo-grid system.

This design system method can be used to provide a consistently pleasant experience for your end users and make it easier for makers by creating a standardized approach. It also has the benefit of making components ‘design system aware’, so that all the pieces come together in one beautiful way.

Furthermore, this approach will show how to account for screen sizes, automatically scaling the app to look nice on any screen while being responsive design friendly. And to top it all off, we will explore some ways to enhance the approach to provide some user customization.