Support Products What is the difference between a Design System/Kit and a Dashboard?

How can we help?

Here is a quick presentation on how to use the products:
The Dashboard should be used for the Admin/CMS part of your website/platform:

  1. Here is where you control everything from the management part, where you see stats like this about your products/users, where you edit/add/delete different items, etc.

  2. This is the control panel of your site. The Dashboard also includes the Login Page, Register Page or Lock Screen Page so you can use them to have the access to the Dashboard.

The UI Kit should be used for the part where you present your business:

  1. You can create with the kit the Landing Page of your startup/website, the Contact Us Page the Pricing Page the About Us Page etc.

  2. Or you can use this to create your Blog, where you will keep in touch with your audience.

  3. You can also build your own pages with already made sections https://demos.creative-tim.com/material-kit-pro/sections.html

If you create a SaaS, probably your users will have access to the Dashboard too, so they can control some items from there as well. However, you still need the UI kit for the presentation pages of your business/client. In this way, you will have the same design in the presentation and also in the Dashboard.

The main idea is that you should keep the products separate and not try to combine them. If you combine them, you will load your page with too much CSS and Javascript (which are not necessary). Your user will be either on a Landing Page, or on the Admin Part. If you like, for example, 1 item from one product, like a Card, and it is not in the other product, you can integrate it using the SCSS files.