UI Kit

Tuesday, November 27, 2018

You will create a collection of UI (user interface) components (a UI kit). We will use this kit for additional UI design projects this quarter.


Step 1: Research existing UI kits to get a sense of what they typically contain. Discuss.

Step 2: Brainstorm a list of UI components to create, a color palette to create them in, and typefaces/sizes/weights for all text elements.

Step 3: Prioritize components and develop a strategy for creating the components.

Step 4: Create the components

Step 5: Review and critique work, refine as necessary

Step 6: Export all graphical components as SVG, package UI kit elements for distribution.

Step 7: Create 3 sample pages demonstrating UI kit in use. Create a “swatch” page displaying/promoting the UI kit and its components.


  • Planning (steps 1-3): 100 points
  • Creating (steps 4-5): 100 points
  • Presentation (steps 6-7): 100 points

Due Date

This assignment is due: Tuesday, November 27, 2018.

Comments are closed.