Design system · Swiss artificial intelligence
dizaine
dizaine = 10 = X · le X romain
croix suisse · 45°
Genève · Swiss made
L'ordre de grandeur / An order of magnitude
Le signe

Un × qui devient croix suisse

Le mark, c'est la croix suisse — proportions fédérales, bras épais qui flottent — tournée de 45° pour faire un ×. Ce × est le chiffre romain dix : le signe de la dizaine. Non tournée, c'est le + suisse. Un seul signe, deux sens.

01
× ⟳ + · animation live

Bicolore par défaut — le trait avant à pleine force, la barre arrière toujours un voile, jamais un poids : gris clair sur blanc, rosé sur rouge. Le signe chuchoté partout, du favicon au poster. L'animation révèle la 2ᵉ tonalité pendant que la croix tourne.

Couleur

Rouge suisse + data

Blanc, noir, un rouge — la restreinte suisse. Data : rouge = série héros, gris = contexte ; une rampe rouge pour la magnitude ; le bleu comme partenaire CVD-safe.

03

Marque · accent unique

#E4002B
#111112
#6E6E73
#ECECEC

Séquentiel · magnitude

une teinte, clair → foncé

#FDE9EC → #8A0019 · luminosité monotone, toujours avec une échelle.

Catégoriel · « ou autre »

≥ 3 entités · rouge↔bleu CVD-safe
dizaine
autre
3ᵉ

ΔE 26.7 (validé). Rouge dominant, bleu rare, labels directs.

Typographie

Helvetica

« Helvetica » = le nom latin de la Suisse. La police est la Swissness. En web : Inter, auto-hébergée — la voix néo-grotesque du système.

04
H2 · --t-h2dizaine
H3 · --t-h3L'ordre de grandeur
LEAD · --t-leadMultiplier l'intelligence par dix.
BODY · --t-bodyLe corps de texte — seize pixels, la lecture.
MONO · --t-monodizaine = 10 = X · Win the next decade

Échelle tokenisée — chaque taille est une variable. Le texte (caption 13 · body 16 · h3 18 · lead · h2 · display), la sous-échelle mono (10 / 11 / 12) et l'échelle d'affichage d1–d6 (24 → 128) — toutes exportées dans les tokens.

Grille · Müller-Brockmann

Le système de grille

« La grille est le moyen le plus lisible et harmonieux de structurer l'information. » Toute mise en page part d'une grille mathématique : colonnes, ligne de base, modules.

05

Colonnes

12 colonnes · gouttière

La structure horizontale. Le texte se cale flush-left sur les colonnes.

Ligne de base

grille de 8 pt

Le rythme vertical. Chaque élément s'aligne sur un multiple de 8.

Modulaire

champs · 5 × 4

Colonnes × lignes de base = modules. La grille de Müller-Brockmann.

Échelle d'espacement · 8 pt

base 8 — gouttière, marges, espacements : tous des multiples de 8
8
16
24
32
48
64
La grille en usage · composition modulaire
10×
L'intelligence, multipliée par dix.
swiss made
Contenu posé sur les modules — colonnes × ligne de base.
Motif

Un × fait de ×

Le signe en champ modulaire ; les × rouges dessinent un × à grande échelle. Auto-similaire, systématique.

Data-viz

Le langage des données

Héros vs contexte, rampe séquentielle, jamais de double axe, texte en ink. Validé avec les six contrôles couleur.

06

Benchmark — MMLU

dizaine vs modèles de référence
dizaine-1
88.9
Modèle A
83.1
Modèle B
78.4
Modèle C
71.2
Modèle D
63.9

Activité · intensité

rampe rouge séquentielle
Lun
Mar
Mer
Jeu
Ven
Sam
Dim

Localisation de l'inférence

souveraineté des données
CH · souverain 78%
UE 16%
6%
Suisse — souverainUnion européenneAutre

Capacité vs génération

échelle log · l'ordre de grandeur
1×10×100×1000×dizainefieldG1G2G3G4G5G6

Latence par région

ms · p50 · dot-plot
Genève
22
Zürich
28
Frankfurt
41
Paris
47
London
58
Ouvrir le dashboard live (dark) ↗
Applications

Le système en usage

07
Voir les posters Müller-Brockmann ↗