The design system of ZEIT ONLINE

Installing the design system

The design system is made up of multiple variables that you can use to build your applications. All you need to do is install the @zeitonline/design-system package:

$ yarn add @zeitonline/design-system
# or
$ npm install --save @zeitonline/design-system

Recommendation

Since the package will receive updates, it is a good idea to create a script in your package.json that will allow you to copy the latest version into your current working directories. Just adapt the script to get to your node_modules.

  "scripts": {
    ...
    "copy:zds": "cp node_modules/@zeitonline/design-system/design-system.css ./src/styles"
  },

Updates

Take a look at the CHANGELOG.md to see what we've done in the latest updates, especially if there have been any major changes!

Contact us

If you want to give us feedback about the design system, you can do so at [email protected].