The Kalibrr Design System used by the Kalibrr Job Platform and other Products.
Make sure to have git, nodejs and sass installed on your machines.
For Macs install Xcode Command Line Tools. Try running git from the terminal to make sure you have it.
git --version
You can download the macOS Installer directly from the nodejs.org which will include npm.
You can also install it through homebrew via terminal
brew install node
After installing NodeJS you can run
sudo npm install -g sass
npm install --global gulp-cli
Go to your projects folder and run the following in terminal
Git clone [email protected]:kalibrr/design-system.git
This should download the git repository into your local machine. Then move to the downloaded git repository folder
cd design-system
After that run npm install
sudo npm install
Run gulp from within the design-system folder
gulp
This should open a browser with a live view of the design system pages.
A Sketch library has been created to help with designing full pages and for designers who are more comfortable working with Sketch than with code. You can request access to the Kalibrr Design System Sketch Library by creating a Sketch Cloud account and requesting it from the link below
Kalibrr Design System Sketch Library
If you're having trouble feel free to email the kalibrr design team at [email protected]
If you're having trouble and getting authentication problems in terminal, make sure you've done one of the following.
If you are git cloning from this url
[email protected]:kalibrr/design-system.git
Make sure that you've generated an SSH key and added it to your profile. You can add an SSH key in this page as well as follow instructions in a tutorial mentioned there.
If you are git cloning from this url
https://git.kalibrr.com/kalibrr/design-system.git
Make sure you've set access token through this page
Instead of entering your git password, use the access token name as your git password.
- Mark Lester Coscolluela Lacsamana
- Alex Hans Collado
- Ferdenee Joi Mempin