{
  "schemaVersion": 2,
  "id": "03",
  "slug": "swiss-grid",
  "name": "Swiss Grid",
  "brand": "Form Conference",
  "family": "Clarity & editorial",
  "status": "ready",
  "thesis": "Build hierarchy through alignment, scale, and disciplined contrast.",
  "suitableFor": [
    "Events",
    "Culture"
  ],
  "character": "Restrained",
  "traits": {
    "composition": "Rigorous typographic grid with indexed programme rows",
    "navigation": "Numbered sections and day filters",
    "typography": "Space Grotesk",
    "density": "Medium",
    "imagery": "Typography, rules, and interface structure",
    "surface": "Warm paper, black rules, typographic alignment and red accents",
    "motion": "Minimal"
  },
  "effort": "Low",
  "definingFeatures": [
    "Aligned large and small type",
    "Programme as strong ruled rows",
    "Oversized left-aligned titles"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/03-swiss-grid/start",
  "states": [
    {
      "key": "speaker",
      "label": "Speaker profile",
      "route": "/preview/03-swiss-grid/speaker"
    },
    {
      "key": "saved",
      "label": "Saved sessions",
      "route": "/preview/03-swiss-grid/saved"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/03/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/03/548518c54ef40c33-desktop.jpg",
      "route": "/preview/03-swiss-grid/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:be0af4de92315b109ca07cbb6badc215df66b70465077608899b77721b3456fb",
      "sha256": "548518c54ef40c339f35828af79b419c7bd56d53c88efc1bb6560a5b5a4b76bf",
      "fullPage": false
    },
    {
      "file": "/previews/03/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/03/239efd6294d44a4d-mobile.jpg",
      "route": "/preview/03-swiss-grid/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:be0af4de92315b109ca07cbb6badc215df66b70465077608899b77721b3456fb",
      "sha256": "239efd6294d44a4df99d8acf09b59015d58c57d725378e65ce54226542ecef91",
      "fullPage": false
    },
    {
      "file": "/previews/03/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/03/f8c5344a84df881a-detail.jpg",
      "route": "/preview/03-swiss-grid/speaker",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "speaker",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:be0af4de92315b109ca07cbb6badc215df66b70465077608899b77721b3456fb",
      "sha256": "f8c5344a84df881a263c6bae2ddb8e2262288029ae3c13676394570ff0111c42",
      "fullPage": false
    },
    {
      "file": "/previews/03/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/03/77f5adbe28cd061f-full-page.jpg",
      "route": "/preview/03-swiss-grid/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:be0af4de92315b109ca07cbb6badc215df66b70465077608899b77721b3456fb",
      "sha256": "77f5adbe28cd061fe346d50a74fbf8ffe5547a5cce548bae6f9af28700015d21",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/03-swiss-grid",
  "neighbours": [
    "31",
    "30"
  ],
  "palette": {
    "page": "#f4f2eb",
    "surface": "#ffffff",
    "ink": "#181a18",
    "accent": "#c6321e"
  },
  "fonts": [
    "Space Grotesk"
  ],
  "brief": "**Philosophy and fit.** Build hierarchy through alignment, scale, and disciplined contrast. Suitable for conferences, studios, exhibitions, and editorial brands that want typography to carry their identity.\n\n**Visual grammar.** Use a visibly rigorous grid, left-aligned oversized headings, numbered sections, generous outer margins, and restrained image crops. Small labels align with large type rather than floating in pills. A neutral sans works across a severe size range. An off-white ground, near-black text, and one vermilion accent organise the composition. Navigation is a short indexed list; rules and whitespace divide material instead of card backgrounds.\n\n**Specimen and flow.** *Form Conference* lets visitors inspect the programme, filter sessions by day, and open a speaker profile. Supporting screens provide a programme detail with venue information and a saved-session list held locally.\n\n**Adaptation and identity.** On mobile, preserve alignment relationships while reducing the number of columns; the oversized heading must wrap deliberately. Preserve the grid and typographic hierarchy; avoid symmetric feature tiles, decorative shapes, and unrelated typefaces. Motion is limited to quiet state changes. **Effort: low.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Events",
      "Design conference"
    ],
    "visitorGoals": [
      "Explore an event"
    ],
    "conversionActions": [
      "Reserve a place"
    ],
    "siteSize": "Small brochure",
    "interactionTypes": [
      "Programme navigation",
      "Ticket selection"
    ],
    "keywords": [
      "Events",
      "Culture",
      "Aligned large and small type",
      "Programme as strong ruled rows",
      "Oversized left-aligned titles"
    ]
  },
  "patterns": [
    "Aligned large and small type",
    "Programme as strong ruled rows",
    "Oversized left-aligned titles"
  ],
  "downloadUrl": "/downloads/03-swiss-grid.zip"
}