Edit product


Nested Symbols & Auto-Updating Styleguides

Let me present the smartest template and your future starting point for every User Interfaces in Sketch. Stop wasting your time by crafting the same design systems and elements from scratch over and over and over again - and let the magic of this template’s nested symbols begin!

Elements: Inputs, Selects, Dropdown dialogues, Buttons, TextAreas, Multi-item Fields, Calendar View, Checkboxes, Radio Buttons, Toggle Buttons, Labels, Tabs, Notifications, Social Buttons, Paginations & Progress Bars.

All with ready to use properties in Styleguides to be drag and dropped anytime you want them in the designs! I even created a simple walkthrough video to cover most of the product features and show you how to set up the file for your brand - https://www.youtube.com/watch?v=GBiDsb6ethY

Product detail/overview: https://janlosert.com/symbols-styleguides

What's included

  • 90 Customisable Elements in Symbols (With Infinite Options)
  • All Resizable Elements
  • 150 Predefined & Well Named Text Styles (Ready for any typeface you want)
  • 4 Auto-Updating Styleguides (16 Screens)
  • Clever Administration to help you style it however you want for the new or current projects!
  • Branding Colours / Logos symbols
  • Prepared for Any Typeface you want
  • Pixel Perfect Elements
  • Optimized for Sketch (Obviously all in Vectors)

4 Styleguides designs

  • Elements Overview
  • Customizable SideBar (Long)
  • Map View
  • 10 Branding Cards (+ 3 Dark Samples)
  • Marvelapp Prototype/Preview: https://marvelapp.com/6e0i56e

What you actually get in the .zip file

  • 3 Prepared Sketch files with All elements (Symbols + 4 Styleguides)
  • 3 Templates (In Proxima Nova, Source Sans, Roboto)
  • 2 Google Fonts included + Link to Proxima Nova in Typekit
  • Ready to use and well-organized vector elements
  • Administration
  • Link to Youtube Tutorial - https://www.youtube.com/watch?v=GBiDsb6ethY


11.1.2018 - 1.1 - Added more text styles, light buttons, fixed most of the issue with Sketch 48 which sadly broke most of the previous text structure. Dropped all of the symbols with text and kept everything with plain text only. And a few issues fixed.

1.10.2017 - 1.0.4 - Basic input resizing fix (Text layer was in the folder which causes cutting of the text) thx @kontourdesign

26.9.2017 - 1.0.3 - File Size Reduced from 230MB to Only 22Mb (thx @vmdanilov)

26.9.2017 - 1.0.2 - Couple of small bug fixes in symbols

26.9.2017 - 1.0.1 - YouTube Tutorial Created + Link added to the package

25.9.2017 - 1.0 - Release


More of my Products

Dashboard UI Kit 3.0: https://dashboard-ui.com/

Cards 2.0 - Webflow Framework: http://cards2.webflow.io/

Dashboard UI Kit (2017): https://janlosert.com/dashboard-ui-kit-2017

And more at: http://janlosert.com/store

👋  If you have any questions about what's included reach out to me before purchasing at: me@janlosert.com

A product created by: https://twitter.com/janlosert

139 ratings

  • Size18.9 MB


Nested Symbols & Auto-Updating Styleguides

Enter your info to complete your purchase


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

Your purchase was successful!

We charged your card and sent you a receipt


    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad