{
  "schemaVersion": 2,
  "id": "38",
  "slug": "pixel-arcade",
  "name": "Pixel Arcade",
  "brand": "Quarter Club",
  "family": "Playful & material",
  "status": "ready",
  "thesis": "Make browsing feel like selecting a game from a cabinet.",
  "suitableFor": [
    "Events",
    "Games"
  ],
  "character": "Expressive",
  "traits": {
    "composition": "Arcade selection list beside a framed preview window",
    "navigation": "Visible cartridge buttons and event details",
    "typography": "Press Start 2P + DM Sans",
    "density": "Medium",
    "imagery": "Original CSS illustrations and graphic studies",
    "surface": "Dark arcade panels, pixel scenery and bright selected states",
    "motion": "Minimal"
  },
  "effort": "Medium",
  "definingFeatures": [
    "Discrete game-menu hierarchy",
    "Stepped borders and concise pixel titles",
    "Ordinary accessible reservation controls"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/38-pixel-arcade/start",
  "states": [
    {
      "key": "event",
      "label": "Tournament detail",
      "route": "/preview/38-pixel-arcade/event"
    },
    {
      "key": "reserved",
      "label": "Sample attendance reservation",
      "route": "/preview/38-pixel-arcade/reserved"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/38/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/38/c0afd460798c8f41-desktop.jpg",
      "route": "/preview/38-pixel-arcade/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:2370261da22f84e3a34402a9b84cbecc29d74b0f514a7f78b6ec89f7fbc10ba6",
      "sha256": "c0afd460798c8f4127af754c004a5821d2b42513b45575ae6e68b1e0887f6806",
      "fullPage": false
    },
    {
      "file": "/previews/38/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/38/034044c49a9cbe95-mobile.jpg",
      "route": "/preview/38-pixel-arcade/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:2370261da22f84e3a34402a9b84cbecc29d74b0f514a7f78b6ec89f7fbc10ba6",
      "sha256": "034044c49a9cbe951931fd88038974d50ba53afbab66ad9798f1ea0b2a8a3818",
      "fullPage": false
    },
    {
      "file": "/previews/38/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/38/01b964c6b828f5b0-detail.jpg",
      "route": "/preview/38-pixel-arcade/event",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "event",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:2370261da22f84e3a34402a9b84cbecc29d74b0f514a7f78b6ec89f7fbc10ba6",
      "sha256": "01b964c6b828f5b0a6e1575c1adc4a67fec28a2bd97f0a7d026f2b24ce3643b9",
      "fullPage": false
    },
    {
      "file": "/previews/38/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/38/759b8d5d0e6cdddf-full-page.jpg",
      "route": "/preview/38-pixel-arcade/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:2370261da22f84e3a34402a9b84cbecc29d74b0f514a7f78b6ec89f7fbc10ba6",
      "sha256": "759b8d5d0e6cdddf011eca9748b07e0f421be6011a673e875454ebf2b9603eb0",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/38-pixel-arcade",
  "neighbours": [
    "40",
    "42"
  ],
  "palette": {
    "page": "#171b30",
    "surface": "#28314b",
    "ink": "#e8e8d9",
    "accent": "#f1c568"
  },
  "fonts": [
    "Press Start 2P",
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Make browsing feel like selecting a game from a cabinet. Suitable for game clubs, indie releases, playful events, and compact entertainment directories.\n\n**Visual grammar.** A framed screen contains a prominent selection list, a preview window, and a narrow status strip. Use pixel display lettering for short titles, ordinary readable type for descriptions, a dark background, sharply separated saturated colours, and deliberately stepped borders. Navigation uses visible buttons and links; directional keys can be an optional enhancement.\n\n**Specimen and flow.** *Quarter Club* is a fictional local games collective. Browse event cartridges, open a tournament’s details, and reserve a sample attendance slot locally. Supporting states are a filtered event selection and an explicit demo reservation confirmation. Rankings and attendance figures come from labelled fixtures.\n\n**Mobile and motion.** Replace the cabinet frame with a compact selector above the preview. Controls remain finger sized. Disable flashes and looping attract sequences; sound starts only through a deliberate user action.\n\n**Identity and effort.** Preserve discrete screen composition and game menu hierarchy; avoid neon decoration over standard SaaS cards. **Effort: medium.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Games",
      "Entertainment"
    ],
    "visitorGoals": [
      "Play a game"
    ],
    "conversionActions": [
      "Start a session"
    ],
    "siteSize": "Application",
    "interactionTypes": [
      "Game controls",
      "Score feedback"
    ],
    "keywords": [
      "Events",
      "Games",
      "Discrete game-menu hierarchy",
      "Stepped borders and concise pixel titles",
      "Ordinary accessible reservation controls"
    ]
  },
  "patterns": [
    "Discrete game-menu hierarchy",
    "Stepped borders and concise pixel titles",
    "Ordinary accessible reservation controls"
  ],
  "downloadUrl": "/downloads/38-pixel-arcade.zip"
}