{
 "clusters": {
  "history": {
   "name": "the school and its lineage",
   "hub": "bauhaus.html"
  },
  "principle": {
   "name": "principles and their reasons",
   "hub": "principles.html"
  },
  "form": {
   "name": "form, geometry and the mark",
   "hub": "brand.html"
  },
  "color": {
   "name": "color",
   "hub": "color.html"
  },
  "type": {
   "name": "type and hierarchy",
   "hub": "typography.html"
  },
  "layout": {
   "name": "grid, space and composition",
   "hub": "layout.html"
  },
  "interact": {
   "name": "parts, states and motion",
   "hub": "components.html"
  },
  "system": {
   "name": "tokens, files and production",
   "hub": "start.html"
  },
  "use": {
   "name": "the system in use",
   "hub": "examples.html"
  }
 },
 "pages": {
  "index.html": [
   "use"
  ],
  "story.html": [
   "history",
   "use"
  ],
  "bauhaus.html": [
   "history"
  ],
  "principles.html": [
   "principle"
  ],
  "rules.html": [
   "principle",
   "system"
  ],
  "brand.html": [
   "form"
  ],
  "color.html": [
   "color"
  ],
  "typography.html": [
   "type"
  ],
  "layout.html": [
   "layout"
  ],
  "motion.html": [
   "interact"
  ],
  "accessibility.html": [
   "interact",
   "color"
  ],
  "components.html": [
   "interact"
  ],
  "controls.html": [
   "interact"
  ],
  "icons.html": [
   "form"
  ],
  "patterns.html": [
   "use",
   "layout"
  ],
  "templates.html": [
   "use",
   "layout"
  ],
  "examples.html": [
   "use"
  ],
  "moodboard.html": [
   "history"
  ],
  "library.html": [
   "form",
   "history"
  ],
  "journal.html": [
   "principle"
  ],
  "glossary.html": [
   "system"
  ],
  "start.html": [
   "system"
  ],
  "credits.html": [
   "system"
  ],
  "sitemap.html": [
   "system"
  ],
  "articles/form-follows-function.html": [
   "principle"
  ],
  "articles/three-forms.html": [
   "form"
  ],
  "articles/square-corner.html": [
   "form",
   "layout"
  ],
  "articles/icon-in-four-moves.html": [
   "form"
  ],
  "articles/less-is-more-tested.html": [
   "principle"
  ],
  "articles/color-is-structure.html": [
   "color",
   "history"
  ],
  "articles/grid-and-diagonal.html": [
   "layout"
  ],
  "articles/lowercase.html": [
   "type",
   "history"
  ],
  "articles/honest-materials.html": [
   "principle",
   "layout"
  ],
  "articles/mark-taken-apart.html": [
   "form"
  ],
  "articles/design-tokens.html": [
   "system"
  ],
  "articles/hierarchy.html": [
   "type",
   "layout"
  ],
  "articles/states.html": [
   "interact"
  ],
  "articles/preliminary-course.html": [
   "history"
  ],
  "articles/gestalt.html": [
   "layout"
  ],
  "articles/lineage.html": [
   "history",
   "system"
  ],
  "examples/index.html": [
   "use"
  ],
  "examples/landing.html": [
   "use"
  ],
  "examples/app-home.html": [
   "use"
  ],
  "examples/app-studio.html": [
   "use",
   "color"
  ],
  "examples/app-object.html": [
   "use",
   "form"
  ],
  "examples/poster-figure.html": [
   "use",
   "history"
  ],
  "examples/poster-stairs.html": [
   "use",
   "layout"
  ],
  "examples/poster-wheel.html": [
   "use",
   "color"
  ],
  "boards/bauhaus-moodboard.html": [
   "history"
  ],
  "boards/bauhaus-moodboard-v2.html": [
   "history"
  ]
 },
 "paths": {
  "story": [
   "index.html",
   "bauhaus.html",
   "story.html",
   "moodboard.html",
   "library.html",
   "examples.html"
  ],
  "foundations": [
   "principles.html",
   "rules.html",
   "brand.html",
   "color.html",
   "typography.html",
   "layout.html",
   "motion.html",
   "accessibility.html"
  ],
  "parts": [
   "components.html",
   "controls.html",
   "icons.html",
   "patterns.html",
   "templates.html",
   "examples.html"
  ],
  "journal": [
   "journal.html",
   "articles/form-follows-function.html",
   "articles/three-forms.html",
   "articles/square-corner.html",
   "articles/icon-in-four-moves.html",
   "articles/less-is-more-tested.html",
   "articles/color-is-structure.html",
   "articles/grid-and-diagonal.html",
   "articles/lowercase.html",
   "articles/honest-materials.html",
   "articles/mark-taken-apart.html",
   "articles/design-tokens.html",
   "articles/hierarchy.html",
   "articles/states.html",
   "articles/preliminary-course.html",
   "articles/gestalt.html",
   "articles/lineage.html"
  ],
  "examples": [
   "examples.html",
   "examples/landing.html",
   "examples/app-home.html",
   "examples/app-studio.html",
   "examples/app-object.html",
   "examples/poster-figure.html",
   "examples/poster-stairs.html",
   "examples/poster-wheel.html"
  ],
  "reference": [
   "start.html",
   "glossary.html",
   "credits.html",
   "sitemap.html"
  ]
 },
 "rules": [
  "link the first mention of a concept in the body, not a later one; never link a heading",
  "anchor text names what the reader gets (\"the contrast table\"), never \"more\", \"open\", \"here\" or \"where it lives\"",
  "point at the section (#fragment), not the top of a long page, whenever the target has one",
  "one link per target per section; 3 to 8 contextual links per page body, on top of the nav strip and footer",
  "every article links up to the principle or system page it argues for, across to one or two siblings in its cluster, and back to its origin at the school",
  "every system page links down to the article that gives its reason and out to one example that shows it",
  "every example and board links back to the rule it demonstrates and to the page a visitor came from (its path hub)",
  "glossary entries link with the term itself as anchor text; pages link a technical term to its glossary entry once",
  "previous / next follows the reading path the page belongs to, so the sequence matches how the visitor arrived"
 ],
 "links": [
  {
   "src": "principles.html",
   "sec": "#p1",
   "anchor": "what the slogan actually asks",
   "target": "articles/form-follows-function.html",
   "kind": "explain",
   "why": "principle 1 is the thesis of that article"
  },
  {
   "src": "principles.html",
   "sec": "#p2",
   "anchor": "reduction, as a test",
   "target": "articles/less-is-more-tested.html",
   "kind": "explain",
   "why": "principle 2 turned into a procedure"
  },
  {
   "src": "principles.html",
   "sec": "#p3",
   "anchor": "circle, square, triangle",
   "target": "articles/three-forms.html",
   "kind": "explain",
   "why": "geometry first is drawn out there"
  },
  {
   "src": "principles.html",
   "sec": "#p4",
   "anchor": "honest materials on a screen",
   "target": "articles/honest-materials.html",
   "kind": "explain",
   "why": "same principle, same name"
  },
  {
   "src": "principles.html",
   "sec": "#p5",
   "anchor": "tokens as the production line",
   "target": "articles/design-tokens.html",
   "kind": "explain",
   "why": "design for production = one source of truth"
  },
  {
   "src": "principles.html",
   "sec": "#p6",
   "anchor": "balance without symmetry",
   "target": "articles/grid-and-diagonal.html",
   "kind": "explain",
   "why": "asymmetric balance is the lever argument"
  },
  {
   "src": "principles.html",
   "sec": "#p7",
   "anchor": "the preliminary course",
   "target": "articles/preliminary-course.html",
   "kind": "explain",
   "why": "art and craft as one began in the vorkurs"
  },
  {
   "src": "principles.html",
   "sec": "#about",
   "anchor": "the ideas of the school",
   "target": "bauhaus.html#ideas",
   "kind": "origin",
   "why": "where the seven came from"
  },
  {
   "src": "rules.html",
   "sec": "#about",
   "anchor": "every term in the rulebook, defined",
   "target": "glossary.html#terms",
   "kind": "define",
   "why": "rules use terms of art"
  },
  {
   "src": "rules.html",
   "sec": "#l",
   "anchor": "why gaps belong inside groups",
   "target": "articles/gestalt.html",
   "kind": "explain",
   "why": "layout rules are gestalt laws"
  },
  {
   "src": "rules.html",
   "sec": "#p",
   "anchor": "the five states of a control",
   "target": "articles/states.html",
   "kind": "explain",
   "why": "parts rules assign states"
  },
  {
   "src": "rules.html",
   "sec": "#a",
   "anchor": "the accessibility test checklist",
   "target": "accessibility.html#test",
   "kind": "apply",
   "why": "accessibility rules have a test"
  },
  {
   "src": "rules.html",
   "sec": "#t",
   "anchor": "the case for lowercase display",
   "target": "articles/lowercase.html",
   "kind": "explain",
   "why": "type rules include lowercase"
  },
  {
   "src": "brand.html",
   "sec": "#story",
   "anchor": "the school, 1919 to 1933",
   "target": "bauhaus.html",
   "kind": "origin",
   "why": "the brand story starts there"
  },
  {
   "src": "brand.html",
   "sec": "#story",
   "anchor": "how this project was made, step by step",
   "target": "story.html#steps",
   "kind": "sibling",
   "why": "project story"
  },
  {
   "src": "brand.html",
   "sec": "#principles",
   "anchor": "all seven principles, with reasons",
   "target": "principles.html",
   "kind": "apply",
   "why": "brand lists them briefly"
  },
  {
   "src": "brand.html",
   "sec": "#mark",
   "anchor": "the mark, measured",
   "target": "articles/mark-taken-apart.html",
   "kind": "explain",
   "why": "numbers inside the mark"
  },
  {
   "src": "brand.html",
   "sec": "#mark",
   "anchor": "why these three shapes",
   "target": "articles/three-forms.html",
   "kind": "explain",
   "why": "the mark is the three forms"
  },
  {
   "src": "brand.html",
   "sec": "#lockups",
   "anchor": "logo files in svg and png",
   "target": "library.html#logo",
   "kind": "apply",
   "why": "download where lockups are shown"
  },
  {
   "src": "brand.html",
   "sec": "#voice",
   "anchor": "why headlines are lowercase",
   "target": "articles/lowercase.html",
   "kind": "explain",
   "why": "voice includes the lowercase register"
  },
  {
   "src": "brand.html",
   "sec": "#donts",
   "anchor": "the brand rules, numbered",
   "target": "rules.html#b",
   "kind": "apply",
   "why": "donts are rules"
  },
  {
   "src": "color.html",
   "sec": "#core",
   "anchor": "color as a material with rules",
   "target": "articles/color-is-structure.html",
   "kind": "explain",
   "why": "the palette argument"
  },
  {
   "src": "color.html",
   "sec": "#core",
   "anchor": "itten and albers at the school",
   "target": "bauhaus.html#people",
   "kind": "origin",
   "why": "who taught color"
  },
  {
   "src": "color.html",
   "sec": "#ratio",
   "anchor": "one red per screen, tested",
   "target": "articles/less-is-more-tested.html",
   "kind": "explain",
   "why": "ratio is reduction"
  },
  {
   "src": "color.html",
   "sec": "#roles",
   "anchor": "roles, not colors, in the token files",
   "target": "articles/design-tokens.html",
   "kind": "explain",
   "why": "semantic roles are tokens"
  },
  {
   "src": "color.html",
   "sec": "#contrast",
   "anchor": "contrast in the accessibility checklist",
   "target": "accessibility.html#contrast",
   "kind": "apply",
   "why": "same table, applied"
  },
  {
   "src": "color.html",
   "sec": "#studio",
   "anchor": "the color studio screen",
   "target": "examples/app-studio.html",
   "kind": "show",
   "why": "the wheel as an app"
  },
  {
   "src": "color.html",
   "sec": "#studio",
   "anchor": "the farbkreis poster",
   "target": "examples/poster-wheel.html",
   "kind": "show",
   "why": "the wheel as a poster"
  },
  {
   "src": "color.html",
   "sec": "#rules",
   "anchor": "vibration",
   "target": "glossary.html#g-v",
   "kind": "define",
   "why": "term used in rules"
  },
  {
   "src": "typography.html",
   "sec": "#specimen",
   "anchor": "why display is lowercase",
   "target": "articles/lowercase.html",
   "kind": "explain",
   "why": "specimen is set lowercase"
  },
  {
   "src": "typography.html",
   "sec": "#scale",
   "anchor": "size as the first lever of hierarchy",
   "target": "articles/hierarchy.html",
   "kind": "explain",
   "why": "the scale is a ranking"
  },
  {
   "src": "typography.html",
   "sec": "#rules",
   "anchor": "voice and tone",
   "target": "brand.html#voice",
   "kind": "sibling",
   "why": "words and letterforms together"
  },
  {
   "src": "typography.html",
   "sec": "#rules",
   "anchor": "the type rules, numbered",
   "target": "rules.html#t",
   "kind": "apply",
   "why": "rule home"
  },
  {
   "src": "typography.html",
   "sec": "#css",
   "anchor": "the type tokens",
   "target": "articles/design-tokens.html",
   "kind": "explain",
   "why": "css values come from tokens"
  },
  {
   "src": "layout.html",
   "sec": "#grid",
   "anchor": "the grid and the diagonal",
   "target": "articles/grid-and-diagonal.html",
   "kind": "explain",
   "why": "why screens stay orthogonal"
  },
  {
   "src": "layout.html",
   "sec": "#grid",
   "anchor": "the swiss grid, 1957",
   "target": "articles/lineage.html",
   "kind": "origin",
   "why": "where the 12 columns come from"
  },
  {
   "src": "layout.html",
   "sec": "#space",
   "anchor": "spacing tokens",
   "target": "articles/design-tokens.html",
   "kind": "explain",
   "why": "8-point scale lives in tokens"
  },
  {
   "src": "layout.html",
   "sec": "#surfaces",
   "anchor": "the case for the square corner",
   "target": "articles/square-corner.html",
   "kind": "explain",
   "why": "radius 0"
  },
  {
   "src": "layout.html",
   "sec": "#surfaces",
   "anchor": "no shadows, and why",
   "target": "articles/honest-materials.html",
   "kind": "explain",
   "why": "shadow none"
  },
  {
   "src": "layout.html",
   "sec": "#composition",
   "anchor": "why one dominant block",
   "target": "articles/hierarchy.html",
   "kind": "explain",
   "why": "composition = hierarchy"
  },
  {
   "src": "layout.html",
   "sec": "#composition",
   "anchor": "the gestalt laws behind the rules",
   "target": "articles/gestalt.html",
   "kind": "explain",
   "why": "grouping"
  },
  {
   "src": "layout.html",
   "sec": "#composition",
   "anchor": "die treppe, a tilted composition",
   "target": "examples/poster-stairs.html",
   "kind": "show",
   "why": "diagonal allowed on posters"
  },
  {
   "src": "layout.html",
   "sec": "#breakpoints",
   "anchor": "page templates on the grid",
   "target": "templates.html",
   "kind": "apply",
   "why": "grid applied to pages"
  },
  {
   "src": "motion.html",
   "sec": "#tokens",
   "anchor": "motion tokens in the files",
   "target": "articles/design-tokens.html",
   "kind": "explain",
   "why": "durations are tokens"
  },
  {
   "src": "motion.html",
   "sec": "#rules",
   "anchor": "what a state change looks like",
   "target": "articles/states.html",
   "kind": "explain",
   "why": "motion serves states"
  },
  {
   "src": "motion.html",
   "sec": "#rules",
   "anchor": "reduced motion and focus",
   "target": "accessibility.html#principles",
   "kind": "apply",
   "why": "reduced motion rule"
  },
  {
   "src": "motion.html",
   "sec": "#toast",
   "anchor": "the toast control",
   "target": "controls.html#toast",
   "kind": "show",
   "why": "demo uses it"
  },
  {
   "src": "motion.html",
   "sec": "#rules",
   "anchor": "the motion rules, numbered",
   "target": "rules.html#m",
   "kind": "apply",
   "why": "rule home"
  },
  {
   "src": "accessibility.html",
   "sec": "#contrast",
   "anchor": "the contrast table",
   "target": "color.html#contrast",
   "kind": "sibling",
   "why": "replace generic \"color page\" anchor"
  },
  {
   "src": "accessibility.html",
   "sec": "#keyboard",
   "anchor": "focus is a state",
   "target": "articles/states.html",
   "kind": "explain",
   "why": "focus ring is one of five states"
  },
  {
   "src": "accessibility.html",
   "sec": "#keyboard",
   "anchor": "states on every control",
   "target": "controls.html#states",
   "kind": "show",
   "why": "live examples"
  },
  {
   "src": "accessibility.html",
   "sec": "#forms",
   "anchor": "text fields and selects",
   "target": "components.html#fields",
   "kind": "show",
   "why": "labelled fields"
  },
  {
   "src": "accessibility.html",
   "sec": "#forms",
   "anchor": "the login section",
   "target": "patterns.html#login",
   "kind": "show",
   "why": "a whole form"
  },
  {
   "src": "accessibility.html",
   "sec": "#test",
   "anchor": "the accessibility rules",
   "target": "rules.html#a",
   "kind": "apply",
   "why": "rule home"
  },
  {
   "src": "components.html",
   "sec": "#buttons",
   "anchor": "five states of a button",
   "target": "articles/states.html",
   "kind": "explain",
   "why": "button states"
  },
  {
   "src": "components.html",
   "sec": "#buttons",
   "anchor": "form follows function",
   "target": "articles/form-follows-function.html",
   "kind": "explain",
   "why": "a button names an action"
  },
  {
   "src": "components.html",
   "sec": "#fields",
   "anchor": "accessible forms",
   "target": "accessibility.html#forms",
   "kind": "apply",
   "why": "labels, errors"
  },
  {
   "src": "components.html",
   "sec": "#choices",
   "anchor": "why toggles are square",
   "target": "articles/square-corner.html",
   "kind": "explain",
   "why": "square toggle"
  },
  {
   "src": "components.html",
   "sec": "#cards",
   "anchor": "a card, before and after",
   "target": "articles/less-is-more-tested.html",
   "kind": "explain",
   "why": "card reduction example"
  },
  {
   "src": "components.html",
   "sec": "#feedback",
   "anchor": "motion durations",
   "target": "motion.html#tokens",
   "kind": "sibling",
   "why": "alerts animate"
  },
  {
   "src": "components.html",
   "sec": "#navigation",
   "anchor": "the site header section",
   "target": "patterns.html#header",
   "kind": "show",
   "why": "nav in a page"
  },
  {
   "src": "components.html",
   "sec": "#cards",
   "anchor": "the wassily chair at the school",
   "target": "bauhaus.html#workshops",
   "kind": "origin",
   "why": "card content"
  },
  {
   "src": "controls.html",
   "sec": "#states",
   "anchor": "states, or what a control is doing",
   "target": "articles/states.html",
   "kind": "explain",
   "why": "state table"
  },
  {
   "src": "controls.html",
   "sec": "#dialog",
   "anchor": "keyboard and focus",
   "target": "accessibility.html#keyboard",
   "kind": "apply",
   "why": "dialog traps focus"
  },
  {
   "src": "controls.html",
   "sec": "#toast",
   "anchor": "motion durations",
   "target": "motion.html#tokens",
   "kind": "sibling",
   "why": "toast timing"
  },
  {
   "src": "controls.html",
   "sec": "#dialog",
   "anchor": "the club chair, in the app",
   "target": "examples/app-object.html",
   "kind": "show",
   "why": "club chair card"
  },
  {
   "src": "controls.html",
   "sec": "#accordion",
   "anchor": "the faq section",
   "target": "patterns.html#faq",
   "kind": "show",
   "why": "accordion in a page"
  },
  {
   "src": "icons.html",
   "sec": "#construction",
   "anchor": "an icon in four moves",
   "target": "articles/icon-in-four-moves.html",
   "kind": "explain",
   "why": "construction walk-through"
  },
  {
   "src": "icons.html",
   "sec": "#construction",
   "anchor": "circle, square, triangle",
   "target": "articles/three-forms.html",
   "kind": "explain",
   "why": "the primitives"
  },
  {
   "src": "icons.html",
   "sec": "#set",
   "anchor": "icon files to download",
   "target": "library.html#icons",
   "kind": "apply",
   "why": "files"
  },
  {
   "src": "icons.html",
   "sec": "#usage",
   "anchor": "decorative vs meaningful",
   "target": "accessibility.html#principles",
   "kind": "apply",
   "why": "aria rules"
  },
  {
   "src": "library.html",
   "sec": "#series",
   "anchor": "how the series was made",
   "target": "story.html#s4",
   "kind": "origin",
   "why": "step 4 of the story"
  },
  {
   "src": "library.html",
   "sec": "#series",
   "anchor": "the series pinned on the board",
   "target": "moodboard.html#board",
   "kind": "sibling",
   "why": "same images"
  },
  {
   "src": "library.html",
   "sec": "#series",
   "anchor": "the triadic ballet poster",
   "target": "examples/poster-figure.html",
   "kind": "show",
   "why": "schlemmer figure in use"
  },
  {
   "src": "library.html",
   "sec": "#series",
   "anchor": "the staircase poster",
   "target": "examples/poster-stairs.html",
   "kind": "show",
   "why": "staircase in use"
  },
  {
   "src": "library.html",
   "sec": "#logo",
   "anchor": "mark and lockups",
   "target": "brand.html#lockups",
   "kind": "apply",
   "why": "usage rules for the files"
  },
  {
   "src": "library.html",
   "sec": "#icons",
   "anchor": "how each icon is built",
   "target": "icons.html#construction",
   "kind": "apply",
   "why": "construction"
  },
  {
   "src": "moodboard.html",
   "sec": "#board",
   "anchor": "the workshops it draws on",
   "target": "bauhaus.html#workshops",
   "kind": "origin",
   "why": "furniture, metal, print"
  },
  {
   "src": "moodboard.html",
   "sec": "#board",
   "anchor": "the aesthetic, pinned (story step 3)",
   "target": "story.html#s3",
   "kind": "origin",
   "why": "context"
  },
  {
   "src": "moodboard.html",
   "sec": "#board",
   "anchor": "the image library",
   "target": "library.html#series",
   "kind": "sibling",
   "why": "downloads of the same pictures"
  },
  {
   "src": "patterns.html",
   "sec": "#hero",
   "anchor": "the landing page",
   "target": "examples/landing.html",
   "kind": "show",
   "why": "hero in a full page"
  },
  {
   "src": "patterns.html",
   "sec": "#features",
   "anchor": "the app home screen",
   "target": "examples/app-home.html",
   "kind": "show",
   "why": "rooms grid"
  },
  {
   "src": "patterns.html",
   "sec": "#faq",
   "anchor": "accordion",
   "target": "controls.html#accordion",
   "kind": "apply",
   "why": "the part used"
  },
  {
   "src": "patterns.html",
   "sec": "#article",
   "anchor": "the journal",
   "target": "journal.html",
   "kind": "show",
   "why": "article section in use"
  },
  {
   "src": "patterns.html",
   "sec": "#login",
   "anchor": "accessible forms",
   "target": "accessibility.html#forms",
   "kind": "apply",
   "why": "form rules"
  },
  {
   "src": "templates.html",
   "sec": "#templates",
   "anchor": "the landing page, built",
   "target": "examples/landing.html",
   "kind": "show",
   "why": "landing template"
  },
  {
   "src": "templates.html",
   "sec": "#templates",
   "anchor": "the object detail screen",
   "target": "examples/app-object.html",
   "kind": "show",
   "why": "object template"
  },
  {
   "src": "templates.html",
   "sec": "#templates",
   "anchor": "the app home screen",
   "target": "examples/app-home.html",
   "kind": "show",
   "why": "app home template"
  },
  {
   "src": "templates.html",
   "sec": "#templates",
   "anchor": "an article page",
   "target": "articles/form-follows-function.html",
   "kind": "show",
   "why": "article template"
  },
  {
   "src": "templates.html",
   "sec": "#rules",
   "anchor": "the twelve column grid",
   "target": "layout.html#grid",
   "kind": "apply",
   "why": "templates sit on it"
  },
  {
   "src": "templates.html",
   "sec": "#rules",
   "anchor": "one dominant block",
   "target": "articles/hierarchy.html",
   "kind": "explain",
   "why": "assembling rule"
  },
  {
   "src": "examples.html",
   "sec": "#how",
   "anchor": "the studio wheel",
   "target": "color.html#studio",
   "kind": "apply",
   "why": "how they use color"
  },
  {
   "src": "examples.html",
   "sec": "#how",
   "anchor": "composition rules",
   "target": "layout.html#composition",
   "kind": "apply",
   "why": "posters tilt"
  },
  {
   "src": "examples.html",
   "sec": "#how",
   "anchor": "the type scale",
   "target": "typography.html#scale",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "examples.html",
   "sec": "#how",
   "anchor": "website sections",
   "target": "patterns.html#hero",
   "kind": "apply",
   "why": "landing is built from them"
  },
  {
   "src": "examples.html",
   "sec": "#how",
   "anchor": "page templates",
   "target": "templates.html",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "start.html",
   "sec": "#naming",
   "anchor": "why tokens are named for roles",
   "target": "articles/design-tokens.html",
   "kind": "explain",
   "why": "naming rationale"
  },
  {
   "src": "start.html",
   "sec": "#files",
   "anchor": "the image library",
   "target": "library.html",
   "kind": "apply",
   "why": "other downloads"
  },
  {
   "src": "start.html",
   "sec": "#adding",
   "anchor": "the existing components",
   "target": "components.html",
   "kind": "apply",
   "why": "check before adding"
  },
  {
   "src": "start.html",
   "sec": "#adding",
   "anchor": "the rulebook",
   "target": "rules.html",
   "kind": "apply",
   "why": "a new part must pass the rules"
  },
  {
   "src": "start.html",
   "sec": "#changelog",
   "anchor": "the journal",
   "target": "journal.html",
   "kind": "sibling",
   "why": "thinking behind changes"
  },
  {
   "src": "start.html",
   "sec": "#use",
   "anchor": "how to credit and cite",
   "target": "credits.html#cite",
   "kind": "sibling",
   "why": "use requires credit"
  },
  {
   "src": "credits.html",
   "sec": "#what",
   "anchor": "how it was made, step by step",
   "target": "story.html#steps",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "credits.html",
   "sec": "#what",
   "anchor": "the files",
   "target": "start.html#files",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "bauhaus.html",
   "sec": "#people",
   "anchor": "itten and the vorkurs",
   "target": "articles/preliminary-course.html",
   "kind": "explain",
   "why": "teachers named"
  },
  {
   "src": "bauhaus.html",
   "sec": "#people",
   "anchor": "color as itten and albers taught it",
   "target": "articles/color-is-structure.html",
   "kind": "explain",
   "why": ""
  },
  {
   "src": "bauhaus.html",
   "sec": "#people",
   "anchor": "schlemmer's figure, as a poster",
   "target": "examples/poster-figure.html",
   "kind": "show",
   "why": "triadic ballet"
  },
  {
   "src": "bauhaus.html",
   "sec": "#people",
   "anchor": "breuer's club chair, in the app",
   "target": "examples/app-object.html",
   "kind": "show",
   "why": ""
  },
  {
   "src": "bauhaus.html",
   "sec": "#people",
   "anchor": "bayer and the lowercase letterhead",
   "target": "articles/lowercase.html",
   "kind": "explain",
   "why": "1925"
  },
  {
   "src": "bauhaus.html",
   "sec": "#cities",
   "anchor": "what dessau meant by honest materials",
   "target": "articles/honest-materials.html",
   "kind": "explain",
   "why": "dessau building"
  },
  {
   "src": "bauhaus.html",
   "sec": "#ideas",
   "anchor": "form follows function, examined",
   "target": "articles/form-follows-function.html",
   "kind": "explain",
   "why": ""
  },
  {
   "src": "bauhaus.html",
   "sec": "#ideas",
   "anchor": "the three elementary forms",
   "target": "articles/three-forms.html",
   "kind": "explain",
   "why": ""
  },
  {
   "src": "bauhaus.html",
   "sec": "#workshops",
   "anchor": "the mood board",
   "target": "moodboard.html",
   "kind": "show",
   "why": "workshop objects pinned"
  },
  {
   "src": "bauhaus.html",
   "sec": "#legacy",
   "anchor": "from dessau to the design system",
   "target": "articles/lineage.html",
   "kind": "explain",
   "why": "what came after, in detail"
  },
  {
   "src": "story.html",
   "sec": "#s4",
   "anchor": "the image library",
   "target": "library.html#series",
   "kind": "apply",
   "why": "download the series"
  },
  {
   "src": "story.html",
   "sec": "#s7",
   "anchor": "from dessau to the design system",
   "target": "articles/lineage.html",
   "kind": "origin",
   "why": "closing context"
  },
  {
   "src": "articles/form-follows-function.html",
   "sec": "body",
   "anchor": "principle 1",
   "target": "principles.html#p1",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/form-follows-function.html",
   "sec": "body",
   "anchor": "reduction, as a test",
   "target": "articles/less-is-more-tested.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/form-follows-function.html",
   "sec": "body",
   "anchor": "the ideas of the school",
   "target": "bauhaus.html#ideas",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/three-forms.html",
   "sec": "body",
   "anchor": "principle 3, geometry first",
   "target": "principles.html#p3",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/three-forms.html",
   "sec": "body",
   "anchor": "the mark, taken apart",
   "target": "articles/mark-taken-apart.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/three-forms.html",
   "sec": "body",
   "anchor": "the primary forms drawing",
   "target": "library.html#series",
   "kind": "show",
   "why": "01-primary-forms"
  },
  {
   "src": "articles/three-forms.html",
   "sec": "body",
   "anchor": "elementary forms",
   "target": "glossary.html#g-e",
   "kind": "define",
   "why": ""
  },
  {
   "src": "articles/square-corner.html",
   "sec": "body",
   "anchor": "honest materials",
   "target": "articles/honest-materials.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/square-corner.html",
   "sec": "body",
   "anchor": "the layout rules",
   "target": "rules.html#l",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/icon-in-four-moves.html",
   "sec": "body",
   "anchor": "icon construction",
   "target": "icons.html#construction",
   "kind": "apply",
   "why": "replace generic anchor"
  },
  {
   "src": "articles/icon-in-four-moves.html",
   "sec": "body",
   "anchor": "circle, square, triangle",
   "target": "articles/three-forms.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/icon-in-four-moves.html",
   "sec": "body",
   "anchor": "icon grid",
   "target": "glossary.html#g-i",
   "kind": "define",
   "why": ""
  },
  {
   "src": "articles/less-is-more-tested.html",
   "sec": "body",
   "anchor": "principle 2",
   "target": "principles.html#p2",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/less-is-more-tested.html",
   "sec": "body",
   "anchor": "the usage ratio",
   "target": "color.html#ratio",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/less-is-more-tested.html",
   "sec": "body",
   "anchor": "hierarchy and reduction",
   "target": "articles/hierarchy.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/color-is-structure.html",
   "sec": "body",
   "anchor": "itten and albers",
   "target": "bauhaus.html#people",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/color-is-structure.html",
   "sec": "body",
   "anchor": "the preliminary course",
   "target": "articles/preliminary-course.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/color-is-structure.html",
   "sec": "body",
   "anchor": "the color studio screen",
   "target": "examples/app-studio.html",
   "kind": "show",
   "why": ""
  },
  {
   "src": "articles/color-is-structure.html",
   "sec": "body",
   "anchor": "the farbkreis poster",
   "target": "examples/poster-wheel.html",
   "kind": "show",
   "why": ""
  },
  {
   "src": "articles/color-is-structure.html",
   "sec": "body",
   "anchor": "vibration",
   "target": "glossary.html#g-v",
   "kind": "define",
   "why": ""
  },
  {
   "src": "articles/grid-and-diagonal.html",
   "sec": "body",
   "anchor": "principle 6, asymmetric balance",
   "target": "principles.html#p6",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/grid-and-diagonal.html",
   "sec": "body",
   "anchor": "gestalt",
   "target": "articles/gestalt.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/grid-and-diagonal.html",
   "sec": "body",
   "anchor": "die treppe poster",
   "target": "examples/poster-stairs.html",
   "kind": "show",
   "why": "the diagonal"
  },
  {
   "src": "articles/grid-and-diagonal.html",
   "sec": "body",
   "anchor": "the swiss grid",
   "target": "articles/lineage.html",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/lowercase.html",
   "sec": "body",
   "anchor": "dessau, 1925",
   "target": "bauhaus.html#cities",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/lowercase.html",
   "sec": "body",
   "anchor": "hierarchy",
   "target": "articles/hierarchy.html",
   "kind": "sibling",
   "why": "capitals as rank"
  },
  {
   "src": "articles/lowercase.html",
   "sec": "body",
   "anchor": "the word rules",
   "target": "rules.html#w",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/honest-materials.html",
   "sec": "body",
   "anchor": "principle 4",
   "target": "principles.html#p4",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/honest-materials.html",
   "sec": "body",
   "anchor": "the square corner",
   "target": "articles/square-corner.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/honest-materials.html",
   "sec": "body",
   "anchor": "what moves and what does not",
   "target": "motion.html#rules",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/honest-materials.html",
   "sec": "body",
   "anchor": "the dessau building",
   "target": "bauhaus.html#cities",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/mark-taken-apart.html",
   "sec": "body",
   "anchor": "logo files",
   "target": "library.html#logo",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/mark-taken-apart.html",
   "sec": "body",
   "anchor": "optical correction",
   "target": "glossary.html#g-o",
   "kind": "define",
   "why": ""
  },
  {
   "src": "articles/design-tokens.html",
   "sec": "body",
   "anchor": "principle 5, design for production",
   "target": "principles.html#p5",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/design-tokens.html",
   "sec": "body",
   "anchor": "motion tokens",
   "target": "motion.html#tokens",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/design-tokens.html",
   "sec": "body",
   "anchor": "type in css",
   "target": "typography.html#css",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/design-tokens.html",
   "sec": "body",
   "anchor": "the token, 2014",
   "target": "articles/lineage.html",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/hierarchy.html",
   "sec": "body",
   "anchor": "composition rules",
   "target": "layout.html#composition",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/hierarchy.html",
   "sec": "body",
   "anchor": "gestalt",
   "target": "articles/gestalt.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/hierarchy.html",
   "sec": "body",
   "anchor": "one red per screen",
   "target": "color.html#ratio",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/states.html",
   "sec": "body",
   "anchor": "motion rules",
   "target": "motion.html#rules",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/states.html",
   "sec": "body",
   "anchor": "states on every control",
   "target": "controls.html#states",
   "kind": "show",
   "why": ""
  },
  {
   "src": "articles/states.html",
   "sec": "body",
   "anchor": "honest materials",
   "target": "articles/honest-materials.html",
   "kind": "sibling",
   "why": "feedback as honesty"
  },
  {
   "src": "articles/preliminary-course.html",
   "sec": "body",
   "anchor": "itten, moholy-nagy and albers",
   "target": "bauhaus.html#people",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/preliminary-course.html",
   "sec": "body",
   "anchor": "today's exercise",
   "target": "examples/app-home.html",
   "kind": "show",
   "why": "the daily exercise"
  },
  {
   "src": "articles/preliminary-course.html",
   "sec": "body",
   "anchor": "principle 7",
   "target": "principles.html#p7",
   "kind": "apply",
   "why": "up-link"
  },
  {
   "src": "articles/preliminary-course.html",
   "sec": "body",
   "anchor": "vorkurs",
   "target": "glossary.html#g-v",
   "kind": "define",
   "why": ""
  },
  {
   "src": "articles/gestalt.html",
   "sec": "body",
   "anchor": "hierarchy",
   "target": "articles/hierarchy.html",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "articles/gestalt.html",
   "sec": "body",
   "anchor": "one color, one category",
   "target": "color.html#roles",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "articles/gestalt.html",
   "sec": "body",
   "anchor": "gestalt",
   "target": "glossary.html#g-g",
   "kind": "define",
   "why": ""
  },
  {
   "src": "articles/lineage.html",
   "sec": "body",
   "anchor": "what came after the school",
   "target": "bauhaus.html#legacy",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "articles/lineage.html",
   "sec": "body",
   "anchor": "design tokens",
   "target": "articles/design-tokens.html",
   "kind": "sibling",
   "why": "2014 stop"
  },
  {
   "src": "articles/lineage.html",
   "sec": "body",
   "anchor": "the new typography and lowercase",
   "target": "articles/lowercase.html",
   "kind": "sibling",
   "why": "1928 stop"
  },
  {
   "src": "examples/landing.html",
   "sec": "footer",
   "anchor": "website sections",
   "target": "patterns.html#hero",
   "kind": "apply",
   "why": "how it was built"
  },
  {
   "src": "examples/landing.html",
   "sec": "footer",
   "anchor": "the landing template",
   "target": "templates.html",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "examples/app-home.html",
   "sec": "footer",
   "anchor": "the preliminary course",
   "target": "articles/preliminary-course.html",
   "kind": "origin",
   "why": "daily exercise"
  },
  {
   "src": "examples/app-home.html",
   "sec": "footer",
   "anchor": "in use",
   "target": "examples.html",
   "kind": "path",
   "why": "up"
  },
  {
   "src": "examples/app-studio.html",
   "sec": "footer",
   "anchor": "the studio wheel",
   "target": "color.html#studio",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "examples/app-studio.html",
   "sec": "footer",
   "anchor": "color is structure",
   "target": "articles/color-is-structure.html",
   "kind": "explain",
   "why": ""
  },
  {
   "src": "examples/app-object.html",
   "sec": "footer",
   "anchor": "breuer at the school",
   "target": "bauhaus.html#people",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "examples/app-object.html",
   "sec": "footer",
   "anchor": "circle, square, triangle",
   "target": "articles/three-forms.html",
   "kind": "explain",
   "why": "the shapes inside"
  },
  {
   "src": "examples/poster-figure.html",
   "sec": "footer",
   "anchor": "schlemmer and the triadic ballet",
   "target": "bauhaus.html#people",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "examples/poster-figure.html",
   "sec": "footer",
   "anchor": "the image series",
   "target": "library.html#series",
   "kind": "sibling",
   "why": ""
  },
  {
   "src": "examples/poster-stairs.html",
   "sec": "footer",
   "anchor": "the grid and the diagonal",
   "target": "articles/grid-and-diagonal.html",
   "kind": "explain",
   "why": ""
  },
  {
   "src": "examples/poster-stairs.html",
   "sec": "footer",
   "anchor": "composition rules",
   "target": "layout.html#composition",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "examples/poster-wheel.html",
   "sec": "footer",
   "anchor": "color is structure",
   "target": "articles/color-is-structure.html",
   "kind": "explain",
   "why": ""
  },
  {
   "src": "examples/poster-wheel.html",
   "sec": "footer",
   "anchor": "the studio wheel",
   "target": "color.html#studio",
   "kind": "apply",
   "why": ""
  },
  {
   "src": "examples/index.html",
   "sec": "footer",
   "anchor": "how they use the system",
   "target": "examples.html#how",
   "kind": "path",
   "why": "up"
  },
  {
   "src": "boards/bauhaus-moodboard.html",
   "sec": "footer",
   "anchor": "the current mood board",
   "target": "moodboard.html#earlier",
   "kind": "path",
   "why": "up"
  },
  {
   "src": "boards/bauhaus-moodboard.html",
   "sec": "footer",
   "anchor": "the school",
   "target": "bauhaus.html",
   "kind": "origin",
   "why": ""
  },
  {
   "src": "boards/bauhaus-moodboard-v2.html",
   "sec": "footer",
   "anchor": "the current mood board",
   "target": "moodboard.html#earlier",
   "kind": "path",
   "why": "up"
  },
  {
   "src": "boards/bauhaus-moodboard-v2.html",
   "sec": "footer",
   "anchor": "the image library",
   "target": "library.html#series",
   "kind": "sibling",
   "why": ""
  }
 ]
}