Foundation Design System
Foundation Design System is a collection of design tokens, components and guidelines for building cohesive UI systems within parts of Envato.
Status: Work in Progress.
Table of Contents
- Developer Setup
- Documentation Deployment
- Creating Design Tokens
- Using the Design System
- Code of Conduct
In order to set up the project locally follow these steps:
- Clone the repository:
git clone email@example.com:envato/foundation-design-system.git
- Install dependencies:
- Watch (and automatically build):
- Preview the site at localhost:3000.
The project has been bootstrapped with Create React App and the following files must exist in order to build the sites correctly:
index.html: the page template
src/favicon.ico: the icon representing the site in the browser tab
Remember to always base your feature branch off of
Publishing to NPM
Read the Publishing guide on how to version and publish modules to NPM.
Using the Design System
Read the How to Use Guide for possible installation options for the Foundation Design System within your project.
Creating Design Tokens
Read our Creating Design Tokens Guide.
Please familiarise yourself with our Contributing Guidelines to make the contribution process easy and effective for everyone involved.