Email: [email protected] if you want to contribute a theme.

Color Styling

When creating a sketch theme be sure to use the following format for color symbols. The 01 part represents that the number of the color.

Main color

Colors/01/500

Light shades

Colors/01/100

Colors/01/200

Colors/01/300

Colors/01/400

Dark shades

Colors/01/600

Colors/01/700

Colors/01/800

Colors/01/900

When applying colors to components be sure to use nested symbols to ensure the global changes to color styling applies to all components.

Other styling

Try to reuse styling such as shadows, borders and states as much as possible to ensure consistency.

Also whenever a layer has a corner radius please use the layer name CornerRadius

Component constraints and resizing

When designing symbols be sure to include constraints for elements inside. That means each symbol should be responsive to a change a user makes in width or height.

File Pages

Typography page

In this page follow the format of the makeuitemplate.sketch file and add all the necessary text styles required for your theme in this page.

File to be attached 
makeuitemplate.sketch

This post might help you when creating text styles