{
  "schemaVersion": 2,
  "id": "48",
  "slug": "spatial-gallery",
  "name": "Spatial Gallery",
  "brand": "Small Museum",
  "family": "Retro & experimental",
  "status": "ready",
  "thesis": "Let spatial arrangement communicate relationships between a deliberately small collection of objects.",
  "suitableFor": [
    "Culture",
    "Portfolio"
  ],
  "character": "Expressive",
  "traits": {
    "composition": "Shallow architectural stage with a permanent destination list and ordinary object details",
    "navigation": "Equivalent exhibit buttons and a complete collection list",
    "typography": "Libre Baskerville + DM Sans",
    "density": "Low",
    "imagery": "Original SVG diagrams and illustrations",
    "surface": "Quiet neutral room, original SVG objects and museum-like captions",
    "motion": "Minimal"
  },
  "effort": "High",
  "definingFeatures": [
    "Spatial grouping has curatorial meaning",
    "All exhibits reachable from text",
    "Substantive text outside the scene"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/48-spatial-gallery/start",
  "states": [
    {
      "key": "object",
      "label": "Object detail",
      "route": "/preview/48-spatial-gallery/object"
    },
    {
      "key": "collection",
      "label": "Complete collection list",
      "route": "/preview/48-spatial-gallery/collection"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/48/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/48/4026eec2192e19f2-desktop.jpg",
      "route": "/preview/48-spatial-gallery/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:198ca6f764512c15bd5b71a944488ed6c69a8cd70f30ba7111b82177d1d38973",
      "sha256": "4026eec2192e19f25e0eebb5fa8d81f1f34b47c9f07b1c2e45fce7475ebb0025",
      "fullPage": false
    },
    {
      "file": "/previews/48/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/48/30ff4a0e23ad8c43-mobile.jpg",
      "route": "/preview/48-spatial-gallery/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:198ca6f764512c15bd5b71a944488ed6c69a8cd70f30ba7111b82177d1d38973",
      "sha256": "30ff4a0e23ad8c432ba042949a22926eaec8ead9dc4785e88161db8117523214",
      "fullPage": false
    },
    {
      "file": "/previews/48/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/48/763a005aa660e767-detail.jpg",
      "route": "/preview/48-spatial-gallery/object",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "object",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:198ca6f764512c15bd5b71a944488ed6c69a8cd70f30ba7111b82177d1d38973",
      "sha256": "763a005aa660e7677a647c38fc0484692ab60e6b5c7ffd1c148896912029dc89",
      "fullPage": false
    },
    {
      "file": "/previews/48/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/48/21c06f90622628c9-full-page.jpg",
      "route": "/preview/48-spatial-gallery/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:198ca6f764512c15bd5b71a944488ed6c69a8cd70f30ba7111b82177d1d38973",
      "sha256": "21c06f90622628c9e1bdf23fc16768647eb24a5c3a854fdb8383baf54ab0a1b6",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/48-spatial-gallery",
  "neighbours": [
    "27",
    "50"
  ],
  "palette": {
    "page": "#f0eee7",
    "surface": "#fffdf5",
    "ink": "#3c413e",
    "accent": "#697b68"
  },
  "fonts": [
    "Libre Baskerville",
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Let spatial arrangement communicate relationships between a deliberately small collection of objects. Suitable for digital exhibitions, architecture showcases, art collections, and immersive portfolios.\n\n**Visual grammar.** Present a shallow spatial stage in CSS or SVG, with clearly labelled exhibits and a permanent destination list. A three-dimensional renderer is optional only if it adds necessary spatial meaning. Use quiet architectural surfaces, neutral framing, restrained type, and object-specific imagery. Distance and grouping convey curatorial relationships. A standard detail panel holds all substantive text.\n\n**Specimen and flow.** *Small Museum* exhibits fictional design objects. Choose an exhibit from the scene or its equivalent list, inspect its description, and move to a related object. Supporting views are the complete collection list and an object detail page with a stable URL.\n\n**Mobile and motion.** Default to a two-dimensional arrangement or the list on constrained devices. Reduced motion removes camera travel. Keyboard users can visit every exhibit without steering through space; failed rendering leaves the list available.\n\n**Identity and effort.** Preserve meaningful spatial grouping; avoid mandatory free movement, heavy introductory sequences, or essential text embedded in a canvas. **Effort: high.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Gallery",
      "Museum",
      "Art"
    ],
    "visitorGoals": [
      "Explore an exhibition"
    ],
    "conversionActions": [
      "Inspect an object"
    ],
    "siteSize": "Digital publication",
    "interactionTypes": [
      "Spatial navigation",
      "Artwork details"
    ],
    "keywords": [
      "Culture",
      "Portfolio",
      "Spatial grouping has curatorial meaning",
      "All exhibits reachable from text",
      "Substantive text outside the scene"
    ]
  },
  "patterns": [
    "Spatial grouping has curatorial meaning",
    "All exhibits reachable from text",
    "Substantive text outside the scene"
  ],
  "downloadUrl": "/downloads/48-spatial-gallery.zip"
}