Your frontend components to build anything. Includnig a style guide. This toolkit is a guide to bridge the gap between developers and designers. You can talk about the different components the design needs and how they look, apart of the general design. In this case you can create a consistent look 'n feel with a general styleguide which can be used in a discussion.
But keep in mind, that these components aren't written into stone, so you can create a lot of extra components that the design needs.
Have a lot of fun!
To get started, download and include the spirit.min.css
in the head of your html:
<link rel="stylesheet" href="/spirit.min.css" type="text/css">
Spirit/
└── views/
└── assets/
└── src/
└── sass
├── ...
├── settings.scss
└── spirit.scss
You can customize Spirit by editing the src/sass/settings.scss
file.
Fork the github repository https://github.com/thinktomorrow/spirit.git
.
Next, install the node dependencies by running npm install
in the root of the project
Run the sass build with gulp.
If you are having issues, please let us know through mail at: spirit@chief.be
- Berkmans Johnny johnny@thinktomorrow.be
- Ben Cavens ben@thinktomorrow.be
The MIT License (MIT). Please see License File for more information.
- Color schemes https://marvelapp.com/styleguide/design/color-scheme
- Styleguide https://buffer.com/style-guide#buttons
- Styleguide https://viljamis.com/styleguide/