Board document model

For those who want the mental model under the board editor: a board is a JSON document describing layout and style — never menu content.

Shape#

A board holds an ordered list of modules, plus board-level globals (background, fonts) and metadata (name, mode). Each module is roughly:

{
  "id": "mod_abc",
  "type": "productList",
  "weight": 1,        // flex-grow within its row/column
  "props": {           // type-specific styling + which category to bind
    "categoryId": "...",
    "background": "#111",
    "motion": "fade"
  }
}

Draft vs published#

A board stores a draft and a published version. You edit the draft (autosaved), and publishing copies it to the published version that screens read. A sequence is its own document describing an ordered list of boards.