Utilisation

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="https://sperig.fr/ds/sperig.css">
<script src="https://sperig.fr/ds/sperig.js"></script>   <!-- facultatif : diagrammes -->

Les règles

1. Toujours clair : papier, encre, et des gris chauds entre les deux (base Flexoki).

2. Une seule couleur de marque, l'orange, sur deux repères au plus par écran. Le vert ne dit qu'une chose : en ligne.

3. Peu de texte : un titre, une ligne, le détail replié.

4. Les lignes font la mise en page ; les cartes sont rares et carrées.

5. Le mono sert aux micro-libellés d'interface système, pas aux titres.

6. Rayons 0 pour les surfaces, 4 px pour les contrôles. Pas d'ombre. Le mouvement est court et discret, le son est coupé par défaut.

Signature

node · ligne · diagramme

node Encre, signal, en ligne, vide, muet.

ligne Sperig Une ligne de 1 px relie, sépare, structure.

statut en ligne cron 03:00 utc en incubation

progression Tour 3 sur 5.

Diagrammes génératifs

sperig.js · déterministe par graine

exp-001

exp-002

tool-006

lab-07

playground

notes

Chaque projet reçoit un petit circuit tiré de son identifiant : même identité, vingt compositions.

Mouvement et son

discret · désactivable

01 Survole cette entrée en ligne Le node signal avance le long du circuit, l'index passe à l'orange. Les entrées apparaissent en cascade au chargement. mouvement / 70 ms entre deux entrées

Le son est une courte sinusoïde au survol et au clic, coupé par défaut. L'interrupteur « son » du pied de page l'active, le choix est mémorisé. Tout s'efface avec prefers-reduced-motion.

Couleurs

base Flexoki · huit rôles

Rôle	Token	Valeur	Usage
Fond	--bg	#fcfbf7	Page. Papier Flexoki atténué.
Fond 2	--bg-2	#f4f2ec	Cartes, code, onglets, en-têtes de table.
Interface	--ui	#e6e4d9	Bordures et lignes.
Interface 2	--ui-2	#dad8ce	Bordure survolée.
Interface 3	--ui-3	#cecdc3	Bordure active, contour discret.
Texte	--tx	#100f0f	Titres et texte courant.
Texte 2	--tx-2	#575653	Secondaire, libellés mono. 6,5:1.
Texte 3	--tx-3	#878580	Placeholders seulement, jamais une information.

Signalorange-400

Orange encreorange-600

En lignegreen-400

Succèsgreen-700

Attentionyellow-800

Erreurred-600

Signal et En ligne ne colorent que des formes. Les accents viennent toujours de la gamme Flexoki, jamais d'une opacité : diluer un pigment numérique le délave. Les gris, eux, peuvent se faire par opacité du noir sur le papier.

Pourquoi Flexoki

Palette « encre sur papier » de Steph Ango (kepano), sous licence MIT. Les gris sont un mélange du noir et du papier, les accents sont dérivés en Oklab pour rester équilibrés entre eux. On reprend sa base et ses rôles, on ne garde qu'un accent.

stephango.com/flexoki

Typographie

Titre de page

28–40 px · 600

Titre de section

18 px · 600

Titre d'entrée

15–17 px · 600

Texte courant, Geist 14 px, interligne 1,5.

14 px · 400

Texte secondaire en graphite.

13 px

status / live · updated / 02.11.2611,5 px · mono

Code inline et ⌘K.

Geist Mono

1 24828 px · tabular

Entrées

les lignes font la mise en page

01 Agent Playground en ligne Donner un problème à plusieurs agents. Voir ce qui se passe. agents / expérience

02 Structured Extract en incubation Extraire des données structurées de n'importe quoi. outil / bientôt

Boutons

Noir sur blanc ou blanc sur noir. L'orange encre seulement pour l'action rare qui compte.

Badges

Défaut Secondaire Fait À revoir Erreur

Cartes et chiffres

rares, carrées

Missions

12

Constats ouverts

37

exp / 021

Carte mise en avant

Fond papier 2, sans bordure.

Liste à cocher

Élément terminé

Une ligne de contexte, pas plus.

Fait

Élément à faire

Le détail est replié.

Comment faire

Les explications longues vivent ici.

Toi

Table

Page	Statut	Score
/accueil	ok	92
/produits/autolaveuse	À revoir	61
/contact	Erreur	—

Formulaire

SiteURL complète, avec le protocole.

Fournisseur

Mission

Alerte et état vide

Base inaccessible

Le service répond 503. Réessaie dans une minute.

Aucune mission pour l'instant.