themes/swiss-international.yaml

Rama main · réplica de lectura del repositorio original.

name: swiss-international
label: Swiss International
summary: Strict grid typography — black on white, hairline rules, one red accent.
tokens:
  palette:
    bg: "#FFFFFF"
    surface: "#F6F6F4"
    ink: "#141414"
    ink_muted: "#6B6B6B"
    accent: "#E63946"
    accent_alt: "#1D3557"
    rule: "#D9D9D4"
    on_accent: "#0A0A0A"
  surfaces:
    title:
      bg: "#141414"
      ink: "#FFFFFF"
      muted: "#B9B9B9"
      accent: "#E63946"
    section:
      bg: "#E63946"
      ink: "#FFFFFF"
      muted: "#FDF4F5"
  dark:
    bg: "#141414"
    surface: "#1F1F1F"
    ink: "#F2F2F0"
    ink_muted: "#A8A8A4"
    accent: "#E63946"
    accent_alt: "#6C8BBF"
    rule: "#FFFFFF24"
    on_accent: "#FFFFFF"
  type:
    display:
      family: Inter
      weight: 700
      size: 40
      line: 1.08
      tracking: -1
    heading:
      family: Inter
      weight: 600
      size: 30
      line: 1.12
      tracking: -0.5
    subhead:
      family: Inter
      weight: 400
      size: 15
      line: 1.4
      tracking: 0
    body:
      family: Inter
      weight: 400
      size: 13
      line: 1.55
      tracking: 0
    caption:
      family: Inter
      weight: 500
      size: 10
      line: 1.35
      tracking: 0.2
    eyebrow:
      family: Inter
      weight: 700
      size: 10
      line: 1.2
      tracking: 1.6
      transform: upper
    stat:
      family: Inter
      weight: 700
      size: 54
      line: 1
      tracking: -1.5
  grid:
    margin:
      top: 0.62
      right: 0.7
      bottom: 0.55
      left: 0.7
    gutter: 0.3
    columns: 12
    band:
      eyebrow_y: 0.62
      title_y: 1.3
      body_y: 2.55
  shape:
    radius:
      card: 0
      pill: 0.4
      chip: 0
    border:
      width: 1
      color: "#D9D9D4"
    card_pad: 0.3
  shadow:
    card:
      type: outer
      blur: 0
      offset: 0
      angle: 90
      color: "141414"
      opacity: 0
  background:
    decor:
      - shape: rect
        x: 0
        y: 2.5
        w: 13.333
        h: 0.015
        fill: "#B9B9B9"
        transparency: 70
      - shape: rect
        x: 0
        y: 5
        w: 13.333
        h: 0.015
        fill: "#B9B9B9"
        transparency: 70
      - shape: rect
        x: 3.33
        y: 0
        w: 0.015
        h: 7.5
        fill: "#B9B9B9"
        transparency: 70
      - shape: rect
        x: 6.66
        y: 0
        w: 0.015
        h: 7.5
        fill: "#B9B9B9"
        transparency: 70
      - shape: rect
        x: 9.99
        y: 0
        w: 0.015
        h: 7.5
        fill: "#B9B9B9"
        transparency: 70
  # Composition — src/composition.js owns the vocabulary; every axis
  # left out here is the shared default.
  layout:
    heading:
      opening: rule
      rule: under
    list:
      marker: none

  plate:
    enabled: false
voice:
  feel: clinical, precise, objective, confident
  density: medium
  prefers:
    - a strong opening claim
    - data-driven statements
    - clean two-column comparisons
  avoid:
    - decoration, clip-art, drop shadows
    - more than one accent colour per slide
    - casual or playful phrasing
  headline_style: >
    Declarative and noun-first. "Rasterisation Is the Bottleneck" over "An
    Introduction to Rasterisation". Short, specific, matter-of-fact.
  body_style: |
    Full sentences, plain words. State the claim, give the evidence, stop.