UCLA Design System starter kit

This kit is simple by design. It includes color swatches, typography, icons and a spacing system. This CSS presentation layer can be ported to various content management systems popular at UCLA. If you create a theme or port to cms based on this template please post an issue with the url so your work can be included as a campus resource.

• view on github pages

Ingredients

• HTML
• CSS
• SCSS partials
• Stylelint
• NPM

Instructions:

• npm install

Component library options under review

• Fractal
• Storybook
• patternlab
• Codepen
• jsbin