Impact Design System screenshot

Impact Design System

Updated: 25 Jul 2024
138 Stars

Kick-Start Your Development With An Awesome Design System carefully designed for your online business showcase. Joint project by Creative Tim and Themesberg.

Categories

Overview

The Impact Design System is a comprehensive and carefully designed solution for creating an online business showcase. It includes front pages and dashboard pages, and features a wide range of components that can be customized to fit together seamlessly. With over 200 individual components, the design system offers thousands of possible combinations. It also provides pre-built example pages for quick development and complex documentation for easy implementation. The Impact Design System is a valuable tool for new businesses looking to establish their online presence or showcase their products or services.

Features

  • Complete solution for online business showcase
  • Over 200 individual components, giving freedom of choosing and combining
  • Variations in color can be easily modified using SASS files
  • Pre-built example pages for quick development
  • Complex documentation for each element

Installation

  1. Clone this repository or download it from Creative Tim.
  2. Make sure you have Node locally installed.
  3. Download Gulp Command Line Interface to be able to use gulp in your Terminal.
  4. After installing Gulp, run npm install in the main impact-design-system-vx.x.x/ folder to download all the project dependencies.
  5. Run gulp in the impact-design-system-vx.x.x/ folder to serve the project files using BrowserSync. This will compile the theme and open index.html in your main browser.
  6. While the gulp command is running, files in the assets/scss/, assets/js/ and components/ folders will be monitored for changes. Files from the assets/scss/ folder will generate injected CSS.
  7. Hit CTRL+C to terminate the gulp command and stop the local server from running.

Summary

The Impact Design System is a powerful tool for creating an online business showcase. With a wide range of components and customizable options, it allows for endless design possibilities. The pre-built example pages and complex documentation make it easy to get started and implement the design system into your web project. Whether you’re a new business or looking to refresh your online presence, the Impact Design System is worth considering.