{
  "_source": "Jetons du design system entre-espace. Miroir de src/styles/global.css (:root et le mode sombre) : toute modification se fait dans les deux fichiers.",
  "couleur": {
    "accent": {
      "jaune": {
        "valeur": "#F7C600",
        "jeton": "--jaune",
        "code": "Entropie, surlignage, prospective et systémie"
      },
      "cyan": {
        "valeur": "#29BDEC",
        "jeton": "--cyan",
        "code": "Entre-temps, design ops"
      },
      "lime": {
        "valeur": "#C4D630",
        "jeton": "--lime",
        "code": "Portfolio, UX/UI design"
      },
      "magenta": {
        "valeur": "#E6007E",
        "jeton": "--magenta",
        "code": "Design infection, recherche et sémiotique, bandeau citation"
      }
    },
    "logo": {
      "jaune": "#FBCB04",
      "cyan": "#4DC1D5",
      "lime": "#CFDD02",
      "rose": "#ED6FA7"
    },
    "neutre": {
      "clair": {
        "fond": "#FFFFFF",
        "texte": "#1C1E24",
        "doux": "#5C5E66",
        "surface": "#F4F4F5",
        "filet": "#E6E6E6",
        "surligne": "rgba(247, 198, 0, .42)"
      },
      "sombre": {
        "fond": "#141518",
        "texte": "#ECECEE",
        "doux": "#A6A8B0",
        "surface": "#1F2127",
        "filet": "#2E3037",
        "surligne": "rgba(247, 198, 0, .34)"
      }
    }
  },
  "typographie": {
    "texte": {
      "famille": "IBM Plex Sans",
      "graisses": {
        "texte": 300,
        "intertitre": 500,
        "titre": 700
      },
      "corps": "16px",
      "interligne": 1.65
    },
    "etiquette": {
      "famille": "DM Mono",
      "graisse": 400,
      "taille": "12px",
      "casse": "capitales",
      "approche": ".06em"
    },
    "echelle": {
      "label": "12px",
      "meta": "14px",
      "intro": "clamp(21px, 2.1vw, 28px)",
      "titre": "clamp(30px, 3vw, 40px)",
      "une": "clamp(42px, 6.4vw, 96px)",
      "h1": "clamp(1.9rem, 4.5vw, 2.8rem)",
      "h2": "1.45rem",
      "h3": "1.12rem"
    },
    "planches": {
      "texte": "Poppins",
      "devise": "Caveat Brush"
    }
  },
  "mise_en_page": {
    "mesure": "42rem",
    "large": "1400px",
    "marge": "clamp(16px, 4vw, 56px)",
    "rayon": {
      "m": "8px",
      "pilule": "999px"
    },
    "ombre": {
      "clair": "0 6px 20px rgba(0,0,0,.08)",
      "sombre": "0 6px 20px rgba(0,0,0,.5)"
    },
    "points_de_rupture": {
      "telephone": "640px",
      "tablette": "900px",
      "carte_metro": "1024px"
    }
  },
  "regles": {
    "tiret_cadratin": "jamais, sauf en début de réplique de dialogue",
    "guillemets": {
      "mise_en_avant": "\"…\"",
      "citation": "« … »"
    },
    "couleur": "accent et codage seulement, jamais en décor ; jamais seule porteuse de sens",
    "bordures_colorees": "jamais de filet ou de bandeau de couleur en bord de carte ou de fenêtre"
  }
}