Style Guide

A style guide is a holistic set of standards that defines your app's styling. You can use different Font Styles, Brand Colors, and Button Styles.

Brand Colors

You can set your brand colors. Your branding colors will be automatically added to the pre-set palette options in the color picker, along with a lightened and a darkened version of your background and hover.

Font Style

Font Styles also suggests a selection of popular fonts. Both Headings and Paragraph have their own selection of popular fonts chosen for their style, variety, and accessibility.

Using Fonts

Now that you've set the fonts for your app in the App style guide! You can select any style in your app that has configurable text, below where you can set the text that displays, you will see a toolbar with an icon for the added text.

Changing Fonts

If you decide to change which fonts you are using in your app, you can do this by heading back to the App Style guide. When you update either your Headings or Paragraph font, it will automatically update all of the components in your app with the relevant new font.

Button Style

Buttons can be configured to trigger different actions when your users tap or click on them. Users can style the buttons which include Font Style, padding, Margin, Hover, borders, backgrounds, shadows, fonts, etc.