Main categories of this UI template

UI Kit
A page where you can nd font styles, UI widgets, premade symbols,
color palettes, buttons, forms, and other elements of the design system.

Symbols
A page where you can all premade global symbols of the design system.
If you will edit any symbol on this page, then all instances of this
symbols in the documents will be changed too.

Main categories of the template

These categories includes wide variety ideas of apps and services that
you can use or modify according to your needs.

1. Login and Register

2. CRM

3. E-Commerce

4. Analytics

5. Finance

6. Project Management

7. Messenger

8. Jobs

9. Social

10.Education

11.Pro le Settings

12.Help Center

https://www.whiteui.store
fi

fi

 Download and install typefaces

Primary fonts
After purchase you will download an archive with source les
including font les. If archives with font missing due to copyright
requirements then please see download links mentioned in
the product description. Primary fonts:

1. Public Sans
2. Material Icons

Download links
1. https://fonts.google.com/specimen/Public+Sans
2. https://fonts.google.com/icons
3. https://github.com/google/material-design-icons

How to install font les

Please follow our installation instructions and see videos
for more details

1. Download les
2. Extract les from archive
3. Install all font les
4. How to Install videos
• Mac: https://youtu.be/OlpVKUpraao
• Windows: https://www.youtube.com/watch?v=5YljoO2oFrw
5. Open / Restart your graphics editor

You can also use cheat-sheet for a Material icons

font. Please note, that some icons may be missing or displayed
differently. Visit this page for more details:
https://fonts.google.com/icons

https://www.whiteui.store
fi
fi

fi
fi

fi

fi

 Adjust premade font style

In the UI Kit section you can nd an Artboard named Typography where

you can nd the scales and hierarchy and assigned font styles.

Adjust a speci c font style

Go to the UI Kit page > Typography > [Select type]

Then on the right side of the screen nd text panel and change required
type styles

Once you made changes you can press Update button to apply changes
for this font style for the entire document

https://www.whiteui.store
fi

fi

fi
fi

 Adjust premade color style

In the Symbols section you can nd Artboards named Fills where

you can nd global document color palette.

Adjust a speci c color style

Go to the Symbols page > Fill > [Select layer]

Then on the right side of the screen nd lls panel and change required styles

Once you made changes you can press Update button to apply changes
for this font style for the entire document

https://www.whiteui.store
fi
fi

fi
fi
fi

Adjust premade symbols

In the Symbols section, all Artboards were created as Symbols

that you can use multiple times in the document and update design easily.

Adjust a speci c symbols

Go to the Symbols page > [Select artboard]

Then on the left side of the screen make changed to the layers

Once you made changes you can setup override options

Please note, when you make changes to the symbol all instances on all pages
will be updated too. To insert any Symbol on the active Artboard press to
the Insert buttons
Symbols > This Document >[Select symbol]

https://www.whiteui.store
fi