Appendix Y: deml-ui Style Guide (new-from-the-start)

Canonical visual rules: THEME.md · docs/DEML_UI.md · ui.deml.app.

  • 8px grid — spacing via --space-* / --tile-gap / --tile-row-unit
  • Dual theme — data-theme="light"|"dark"; persist localStorage['deml-theme']
  • Type — Syne display, Fraunces ledes, Geist UI
  • Charts — fixed --chart-aspect; never squash plots
  • A11y — WCAG 2.0 AA focus, contrast, hit targets, reduced motion
  • Compose — app-banner → sections → tile boards / grids / cards

Viking-UI component recipes and --viking-* tokens are retired.