DESIGN SYSTEM · CIRCUIT IMPRIMÉ

Le plateau devient une carte électronique.

Une interface rétro-tech, lisible et légère : époxy vert, cuivre, repères sérigraphiés et touches de composants réels.

01 · MATIÈRE

PCB vert FR4

La texture est un motif vectoriel local, répété à grande échelle. Pistes, pads, sérigraphie, condensateur bleu et résistance restent décoratifs : le contenu des cartes garde un fond uni et un contraste élevé.

02 · TOKENS COULEUR

Couleurs de la carte

PCB FR4#0B5D1E

Époxy profond#062E14

Piste cuivre#C49A00

LED active#00FF41

Sérigraphie#F5F5F5

Plastique DIP#B20000

Le cuivre et le vert vif servent surtout aux détails et aux titres. Les textes de lecture courante restent blanc cassé sur vert très sombre, ou blanc sur un rouge assombri dans les contrôles, pour préserver la lisibilité.

03 · TYPOGRAPHIE

Repères d’atelier

SIGNAL · 47

En-têtes : monospace technique, chiffres tabulaires et vert LED. Corps : monospace système, blanc clair; les textes secondaires sont un blanc grisé. Aucune police distante n’est requise.

--pcb-green: #0B5D1E;
--pcb-copper: #C49A00;
--pcb-led: #00FF41;
--pcb-white: #F5F5F5;

04 · COMPOSANTS

Contrôles et états

Levier DIP · bascule au survol ou au toucher LED d’état · actif

05 · ACCESSIBILITÉ & PERFORMANCE

Une interface qui reste confortable

Mobile-first, testée à 375 px; cibles tactiles d’environ 46–50 px de haut.
Texte blanc sur fonds profonds; le cuivre est décoratif, jamais l’unique porteur d’information.
Contour clavier bleu clair, états de focus visibles, libellés et contenus inchangés.
Texture SVG locale et transitions brèves; pas de vidéo, d’image distante ou d’animation lourde.
prefers-reduced-motion réduit les animations et transitions au minimum.

← Retour au jeu