The set is built on the principles of the atomic system. Thanks to pre-prepared guides and symbol structure, it helps you to create projects as quickly as possible. And with the help of well-designed styles, you can easily customize the pack for your project

👉 https://www.ls.graphics/dsk

This guide will explain how to work with this set.

Image for post
Image for post

First of all, make sure that you can see a page list in the left panel. If you don’t have the list, click on the Expand icon.

There will be six sections, but we’ll cover the most important of them:

  1. Setup page
  2. UI Starter Kit
  3. Illustrations Starter Kit
  4. Skeleton Starter Kit
Image for post
Image for post

1. Customize Colors and Typography

Image for post
Image for post

Change typography:

  1. Select all text styles you want to change
  2. Change font in the right panel
  3. Then click on the appearance tab and press to update all text styles
Image for post
Image for post

The same process is with color styles. You can change each detail, shadows, colors, outlines — we set the whole system so you could customize design up to your needs

Image for post
Image for post

Also, it’s straightforward to change the logo:

Image for post
Image for post
  1. Go to Logo artboard
  2. Paste your logotypes in color and white versions inside this artboards
  3. Setup resizing constraints, pin to the left and fix size
  4. Logos will be changed across all system

2. UI Starter Kit

Image for post
Image for post

Of course, each detail has resizing constraints.

Image for post
Image for post

Nested Symbols and Overrides:

Image for post
Image for post

3. Illustrations Starter Kit

Image for post
Image for post

You can use elements separately, together or create your scenes like this:

Image for post
Image for post

Another thing that all premade scenes are built with symbols, so it’s easy to make changes with overrides

Image for post
Image for post

4.Skeleton Starter Kit

By changing the primary UI colors and updating styles, skeleton screens will be updated too, which means that you will always have an actual looking version

Image for post
Image for post

Thank you!

👉 Preview and Download

🔥 Design Tools

Written by

Free and premium design tools.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store