sitemap
everything in the package, linked from one page.
every page in the package
the story
- the bauhaushistory: years, cities, people, workshops, ideas, legacy, reading list
- the storyevery design in the project, in order, with the pieces embedded
foundations
- overviewthe front page
- principlesseven reasons in order of precedence
- rulesthe numbered rulebook
- brandstory, mark, lockups, voice
- colorpalette, roles, contrast, wheel
- typespecimen, scale, rules
- layoutgrid, breakpoints, space, surfaces
- motiondurations, curve, demos
- accessibilitycommitments and the test list
parts
- componentsbuttons, fields, choices, tags, cards, alerts, navigation, tables, inverse
- controlstabs, accordion, menu, dialog, toast, tooltip, breadcrumbs, steps, badges, avatars, search, range, lists, states
- iconssixteen icons and their construction
pages
the example set
- example set indexthe seven pages, listed
- landing pagethe werkstatt marketing site
- app: home
- app: color studiointeractive wheel
- app: object detail
- poster: triadisches ballett
- poster: die treppe
- poster: farbkreis
pictures
- mood boardthe board, with links to the earlier ones
- the first boardtwenty-one drawn pins, from the start of the project
- the series boardthe eight illustrations and five sheets
- image libraryevery image, svg and png
words
- journal16 articles
- form follows function, and then what?principle
- circle, square, trianglegeometry
- the case for the square cornerconcept
- an icon in four movesicons
- less is more, testedprinciple
- color is structurecolor
- the grid and the diagonallayout
- why the headlines are lowercasetype
- honest materials, on a screenconcept
- the mark, taken apartgeometry
- design tokens, the single source of truthsystem
- hierarchy, or telling the eye where to goprinciple
- states, or what a control is doingparts
- the preliminary coursehistory
- gestalt, or why a rule between blocks worksgeometry
- from dessau to the design systemhistory
- glossaryfifty-five terms
- startfiles, naming, support, changelog
- creditswho, with what, how to cite
- sitemapthis page
downloads
- tokens.cssevery value as a custom property
- tokens.jsonthe same values as data
- styles.cssthe whole stylesheet
- canvas sourcethe artboard files from the design canvas, for reference