Swiss / International Typographic Style

Capability tags describe this specimen only; verify the implementation again in a real product.

{
  "tokens": {
    "surface": "#f4f0e5",
    "ink": "#18231f",
    "accent": "#bb352c",
    "radiusPx": 0,
    "shadow": "none"
  },
  "tokenScope": "A recipe for this specimen, not a standard set of tokens for the historical style."
}

{
  "id": "swiss",
  "type": "visual",
  "name": {
    "zh": "瑞士国际主义",
    "en": "Swiss / International Typographic Style"
  },
  "aliases": [
    "Swiss Style",
    "瑞士风格",
    "国际主义排版"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "grid",
    "typography",
    "restraint",
    "sans-serif",
    "order"
  ],
  "definition": "A visual language that builds order through grids, typographic hierarchy, and carefully organized whitespace.",
  "boundary": "This does not cover every minimal interface or every grid layout. The specimen is one adaptation of the language to a digital interface.",
  "signature": [
    "Clear alignment relationships",
    "Sans-serif type with distinct changes in scale",
    "Limited accent colors; whitespace shapes the composition"
  ],
  "when": [
    "Content hierarchy and reading order need to be clear",
    "The brand calls for order and an editorial character"
  ],
  "when_not": [
    "Claiming the style based only on using Helvetica",
    "Copying poster-scale typography at the expense of readable forms or long text"
  ],
  "tradeoff": "Expression is restrained; character depends more on typography, proportions, and content quality.",
  "comparison": {
    "focus": "Order and content hierarchy",
    "mechanism": "Alignment, proportions, and whitespace",
    "cost": "Requires deliberate typography and grid decisions"
  },
  "sources": [
    {
      "id": "swiss-museum",
      "title": "Poster House · The Swiss Grid",
      "url": "https://swissgrid.posterhouse.org/",
      "claim": "The exhibition examines Swiss grids, their history, and poster applications. The digital recipe here is an editorial adaptation.",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://swissgrid.posterhouse.org/",
        "status": "available",
        "checkedAt": "2026-09-15T16:45:05.318Z",
        "url": "https://web.archive.org/web/20260915164652/https://swissgrid.posterhouse.org/",
        "timestamp": "20260915164652"
      }
    }
  ],
  "relations": [
    {
      "target": "neo-brutalism",
      "kind": "alternative",
      "condition": "Choosing the primary visual language for the same page",
      "reason": "Both can create a strong hierarchy, with different visual signatures.",
      "basis": "editorial"
    },
    {
      "target": "proximity",
      "kind": "composes_with",
      "condition": "Separating information groups with whitespace",
      "reason": "Spacing can help communicate grouping.",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "Adapting the language to a digital interface",
      "instruction": "Keep form labels and body text readable; do not mechanically apply poster proportions to an interface.",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#f4f0e5",
      "ink": "#18231f",
      "accent": "#bb352c",
      "radiusPx": 0,
      "shadow": "none"
    },
    "tokenScope": "A recipe for this specimen, not a standard set of tokens for the historical style."
  },
  "demo": "swiss",
  "version": "0.1.0",
  "editorialStatus": "sample-reviewed",
  "requirements": [],
  "demoCapabilities": [
    "keyboard",
    "reduced_motion"
  ],
  "implementationNote": "Capability tags describe this specimen only; verify the implementation again in a real product.",
  "searchTerms": [
    "网格",
    "排版",
    "克制",
    "sans-serif",
    "秩序"
  ]
}