{
  "schemaVersion": 2,
  "id": "46",
  "slug": "kinetic-type",
  "name": "Kinetic Type",
  "brand": "Voice Assembly",
  "family": "Retro & experimental",
  "status": "ready",
  "thesis": "Let typography embody a subject’s rhythm while preserving a complete readable argument.",
  "suitableFor": [
    "Events",
    "Culture"
  ],
  "character": "Expressive",
  "traits": {
    "composition": "Oversized typographic performance with a stable programme spine",
    "navigation": "Persistent motion toggle, schedule, and static reading mode",
    "typography": "Bebas Neue + DM Sans",
    "density": "Medium",
    "imagery": "Typography, rules, and interface structure",
    "surface": "Dark typographic stage, lime accents and a static reading fallback",
    "motion": "Optional"
  },
  "effort": "High",
  "definingFeatures": [
    "Type embodies rhythm",
    "Complete static equivalent",
    "Normal scrolling and stable controls"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/46-kinetic-type/start",
  "states": [
    {
      "key": "schedule",
      "label": "Festival schedule",
      "route": "/preview/46-kinetic-type/schedule"
    },
    {
      "key": "reading",
      "label": "Static reading mode",
      "route": "/preview/46-kinetic-type/reading"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/46/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/46/e7d9fb3e512bf39e-desktop.jpg",
      "route": "/preview/46-kinetic-type/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:ed810a503b37a35f3c7ae3786fb804104900a79c549c4c8422d74281fc6156ce",
      "sha256": "e7d9fb3e512bf39e25695b09aa3e653185b14385539c777c7ca9a9d13225809c",
      "fullPage": false
    },
    {
      "file": "/previews/46/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/46/f847240cfeac91eb-mobile.jpg",
      "route": "/preview/46-kinetic-type/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:ed810a503b37a35f3c7ae3786fb804104900a79c549c4c8422d74281fc6156ce",
      "sha256": "f847240cfeac91eb627c3a1e4d7a242398e164a506240dcea256f17f697e1cb7",
      "fullPage": false
    },
    {
      "file": "/previews/46/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/46/e90e215c057927e6-detail.jpg",
      "route": "/preview/46-kinetic-type/schedule",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "schedule",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:ed810a503b37a35f3c7ae3786fb804104900a79c549c4c8422d74281fc6156ce",
      "sha256": "e90e215c057927e692ffdf4517f58c1ba872a1bbeac381de651530b49fd287d5",
      "fullPage": false
    },
    {
      "file": "/previews/46/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/46/a09745c33ab41f40-full-page.jpg",
      "route": "/preview/46-kinetic-type/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:ed810a503b37a35f3c7ae3786fb804104900a79c549c4c8422d74281fc6156ce",
      "sha256": "a09745c33ab41f407740b7a728dbcbc87c15ea7939356b6b01873bf00e027bab",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/46-kinetic-type",
  "neighbours": [
    "30",
    "47"
  ],
  "palette": {
    "page": "#24232a",
    "surface": "#36353b",
    "ink": "#f1eee3",
    "accent": "#dce57b"
  },
  "fonts": [
    "Bebas Neue",
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Let typography embody a subject’s rhythm while preserving a complete readable argument. Suitable for cultural festivals, creative studios, short campaigns, and expressive editorial introductions.\n\n**Visual grammar.** Use a small number of oversized text compositions, strong negative space, and a restrained palette. Letter spacing, position, weight, or cropping may change as an enhancement. A conventional contents control and a stable text column provide the structural spine. Motion reinforces section boundaries or emphasis; it does not manufacture the only route through the content.\n\n**Specimen and flow.** *Voice Assembly* is a fictional spoken-word festival. Read its animated introduction, browse the programme, and inspect a performer’s session. Supporting views are the schedule and an entirely static reading mode containing identical information.\n\n**Mobile and motion.** Design static mobile typography first. Honour reduced motion on first render, retain normal scrolling, and provide a persistent animation toggle. Never require waiting for text to settle before it becomes usable.\n\n**Identity and effort.** Preserve typographic performance and disciplined pacing; avoid scroll hijacking, endlessly moving navigation, or illegible letter tricks. **Effort: high.**",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Creative studio",
      "Typography"
    ],
    "visitorGoals": [
      "Explore a visual idea"
    ],
    "conversionActions": [
      "Inspect a project"
    ],
    "siteSize": "Portfolio & enquiry",
    "interactionTypes": [
      "Motion controls",
      "Project details"
    ],
    "keywords": [
      "Events",
      "Culture",
      "Type embodies rhythm",
      "Complete static equivalent",
      "Normal scrolling and stable controls"
    ]
  },
  "patterns": [
    "Type embodies rhythm",
    "Complete static equivalent",
    "Normal scrolling and stable controls"
  ],
  "downloadUrl": "/downloads/46-kinetic-type.zip"
}