Style presets
Style presets are reusable groups of styles. Whereas a token is just a simple value (such as a specific color like “#0070e0” without caring if it’s used as a background color, text color, gradient color, etc.), a style presets might specify that:
- the background color is “#0070e0”
- the padding is 10px all around
- the drop shadow should be dark gray, be offset 10px and have a 10px blur
Basically, most of the usual style settings available to you in the right sidebar can be stored into a style preset.
Style presets are listed in the Assets tab in the left sidebar.
![](https://paper-attachments.dropbox.com/s_15F11CF1379DB1CBA3531D692BD3CEA8CD8C8F13CA7C4919D18AA21AA4C1A0D1_1586591116227_Screen+Shot+2020-04-11+at+12.44.14+AM.png)
You can create new ones there, or if you already have styles defined on some element, you can extract some or all of those styles into a style preset.
![](https://paper-attachments.dropbox.com/s_15F11CF1379DB1CBA3531D692BD3CEA8CD8C8F13CA7C4919D18AA21AA4C1A0D1_1586591118630_Screen+Shot+2020-04-11+at+12.45.07+AM.png)
Then you can apply this on any (non-component) element, and it will adopt that visual appearance.
All the styles that come from a style preset have a green dot indicator in the right panel.
Have feedback on this page? Let us know on our forum.