kilnlisted

# Kiln Raw requirements in, coherent interfaces out. Like ceramic firing: the process is deliberate, the quality control is built in, and underfired pieces get smashed. Generates and diagnoses. Both modes use the same layer stack. ## Architecture Four layers, ordered by durability: | Layer | Contains | Updates | |---|---|---| | L0 Principles | Perceptual and cognitive invariants | Never | | L1 Patterns | Composable structural building blocks | Rarely | | L2 Materials | Parameterized palette systems + kits | Per project | | L3 Templates | Page recipes (pattern + material compositions) | Per aesthetic | Cross-cutting: anti-patterns split into **permanent** (below) and **zeitgeist** ([versioned, dated](references/zeitgeist.md)). ## L0: Principles Human perception and cognition. These constrain every downstream decision. ### Preattentive channels Color hue, size, orientation, and motion process in <250ms without effort. These are hierarchy tools. Using them on non-priority elements is noise. ### Gestalt grouping Proximity > similarity > continuity > closure. Whitespace groups faster than borders. Borders faster than color. Whitespace is the primary structural tool, not card components. ### Weber's law Perceived difference is proportional to magnitude. 2px between 10px and 12px is obvious; between 40px and 42px invisible. Modular type scales use ratios (1.25x, 1.333x), not fixed increments (+2px). ### Saccadic fixation Eyes jump between fixation points. Fixation ed