{
  "schemaVersion": 2,
  "id": "33",
  "slug": "playroom",
  "name": "Playroom",
  "brand": "Little Machine Lab",
  "family": "Playful & material",
  "status": "ready",
  "thesis": "Teach an interaction through visible, manipulable objects.",
  "suitableFor": [
    "Education",
    "Interactive"
  ],
  "character": "Expressive",
  "traits": {
    "composition": "Tactile tabletop with visible parts, slots, and a deterministic result",
    "navigation": "Parts library, explicit placement, and saved construction",
    "typography": "Space Grotesk + DM Sans",
    "density": "Medium",
    "imagery": "Original CSS illustrations and graphic studies",
    "surface": "Warm toy-like workbench, inset slots and tangible parts",
    "motion": "Minimal"
  },
  "effort": "High",
  "definingFeatures": [
    "Objects express cause and effect",
    "Button alternatives for every placement",
    "A bounded machine with readable feedback"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/33-playroom/start",
  "states": [
    {
      "key": "library",
      "label": "Parts library",
      "route": "/preview/33-playroom/library"
    },
    {
      "key": "saved",
      "label": "Saved construction",
      "route": "/preview/33-playroom/saved"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/33/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/33/0201f239d23e84b4-desktop.jpg",
      "route": "/preview/33-playroom/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8464a55ea62f8f441311607d85ab18f6f923f67370276891e775bf998f133dcf",
      "sha256": "0201f239d23e84b42a06bb9398f2bfb9f4a99bdc4b64543fc20b86c768cc6a56",
      "fullPage": false
    },
    {
      "file": "/previews/33/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/33/5ba7dfb650148da0-mobile.jpg",
      "route": "/preview/33-playroom/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8464a55ea62f8f441311607d85ab18f6f923f67370276891e775bf998f133dcf",
      "sha256": "5ba7dfb650148da0dfe9b5054f7110308ab045e524006c5598cfaa15a3d32bb8",
      "fullPage": false
    },
    {
      "file": "/previews/33/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/33/ab1d71a755245f8f-detail.jpg",
      "route": "/preview/33-playroom/library",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "library",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8464a55ea62f8f441311607d85ab18f6f923f67370276891e775bf998f133dcf",
      "sha256": "ab1d71a755245f8fb0c91e96eaec31730638a99b51d0eccd7225348d45b207ed",
      "fullPage": false
    },
    {
      "file": "/previews/33/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/33/03907e4f5198d33a-full-page.jpg",
      "route": "/preview/33-playroom/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8464a55ea62f8f441311607d85ab18f6f923f67370276891e775bf998f133dcf",
      "sha256": "03907e4f5198d33ab3a0b13d212030879feae54fca70b8dc72a2208466f6636e",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/33-playroom",
  "neighbours": [
    "32",
    "49"
  ],
  "palette": {
    "page": "#f7ecd4",
    "surface": "#fff8e8",
    "ink": "#3b3e37",
    "accent": "#a83d2a"
  },
  "fonts": [
    "Space Grotesk",
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Teach an interaction through visible, manipulable objects. Suitable for learning tools, creative configurators, simple games, and approachable planning experiences.\n\n**Visual grammar.** A bounded tabletop contains chunky objects, recessed slots, tactile buttons, and a compact tool shelf. Rounded type, warm cream, tomato red, sky blue, and soft material shadows make the interface approachable. A clear instruction line sits outside the play area, and object labels remain ordinary readable text.\n\n**Specimen and flow.** *Little Machine Lab* uses a small fixed set of parts and slots with deterministic responses, without a general physics engine. Select parts, place them in slots, and run the demonstration. Supporting views include a parts library and a saved-construction view with an incomplete-machine state. Keyboard selection and explicit move controls provide every action available through dragging.\n\n**Responsive behaviour.** The tabletop changes to a vertical sequence of slots rather than shrinking a desktop canvas. Optional spring motion becomes immediate state changes under reduced motion.\n\n**Identity rules.** Preserve understandable cause and effect and tangible controls. Avoid ornamental toy shapes around conventional forms, mandatory sound, or physics effects that make precise actions unreliable. **Effort: high.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Children education",
      "Interactive learning"
    ],
    "visitorGoals": [
      "Learn by doing"
    ],
    "conversionActions": [
      "Complete an activity"
    ],
    "siteSize": "Application",
    "interactionTypes": [
      "Interactive activity",
      "Feedback states"
    ],
    "keywords": [
      "Education",
      "Interactive",
      "Objects express cause and effect",
      "Button alternatives for every placement",
      "A bounded machine with readable feedback"
    ]
  },
  "patterns": [
    "Objects express cause and effect",
    "Button alternatives for every placement",
    "A bounded machine with readable feedback"
  ],
  "downloadUrl": "/downloads/33-playroom.zip"
}