the example set
werkstatt is an example product built on the werkstatt brand and design system. every page below is live and linked.
the website
lessons
1. two colors that vibratelessons/two-colors-that-vibrate.html2. find the complementlessons/find-the-complement.html3. one primary, two neutralslessons/one-primary-two-neutrals.html4. a chair from a squarelessons/a-chair-from-a-square.html5. a teapot from circleslessons/a-teapot-from-circles.html6. a poster from three shapeslessons/a-poster-from-three-shapes.html7. a headline in lowercaselessons/a-headline-in-lowercase.html8. weight and trackinglessons/weight-and-tracking.html9. type on the gridlessons/type-on-the-grid.html
objects
the web app
todayapp-home.htmlcolor studioapp-studio.htmlform labapp-form-lab.htmltype roomapp-type-room.htmllibraryapp-library.htmllibrary: club chairapp-object.htmllibrary: teapotapp-object-teapot.htmllibrary: table lampapp-object-lamp.htmllibrary: school buildingapp-object-building.htmlnotebookapp-notebook.html