Aller au contenu
Bastien Gallay Atelier

LAB ATELIER D'ESSAIS · 21/05/2026 · NON LISTÉE

Atelier d'essais : motifs radicaux

Page d'essai pour itérer les motifs radicaux du poster ai-swe avant intégration au site live. Pas listée dans le sommaire.

A. Cards par section, trois variants.

Item #5 du poster · trois traitements possibles, à comparer côte-à-côte.

01

Cadre plein

Border 1px sur les 4 côtés, numéro et label en couleur de section. Respecte les bans de la skill (pas de side-stripe). Sobre, cohérent avec le cadre hero du site live.

02

L-frame

Border top + left 6px en couleur. Reproduit fidèlement le motif du poster. Entorse documentée à la règle anti-side-stripe : à n'envisager que si l'effet visuel le justifie.

03

Top-stripe

Border-top 8px coloré, reste neutre. Compromis : visuel marqué sans violer le ban skill (le ban porte sur left ou right, pas sur top). Le plus économique en bordures.

Verdict (21/05) : 01 et 03 retenus, mais parqués pour un futur usage « article riche » (illustrations, encarts, contenu scrollé long). Pas d'intégration au sommaire principal pour l'instant. 02 (L-frame) écarté : s'éloigne trop du registre presse-revue.

B. Listing radical avec type-tag.

Item #6 du poster · header inversé avec tag de langage, strikethrough wavy sur erreurs.

LISTING 1 · SUM_FIRST_N.LEAN · MODEL OUTPUT LEAN 4
/-- The sum of the first n positive integers is n * (n + 1) / 2. --/
theorem sum_first_n (n : ℕ) : (range (n + 1)).sum id = n * (n + 1) / 2 :=
  begin                                  -- Lean 3 syntax in a Lean 4 file
  induction n with n ih,
  { simp [range] },
  { rw [range_succ],
    rw [sum_insert (not_mem_range_self (n + 1))],
    rw [ih],
    ring }
  end                                    -- ▲ should be Lean 4's "by ... " block

Notes : type-tag pill yellow en haut à droite, dans le header inversé. Strikethrough wavy rouge sur les keywords obsolètes (begin/end Lean 3). Caption à gauche avec marque bleue. Lisible, dense, signe le contenu technique sans le banaliser.

LISTING 2 · PARSE.RS · ÉCHANTILLON RUST
use std::num::ParseIntError;

/// Parse a positive integer from a string slice. pub fn parse_positive(s: &str) -> Result<u32, ParseIntError> { let n = s.trim().parse::<u32>()?; Ok(n) }

Variante : même structure, tag RUST en bleu (pas yellow). Le type-tag prend la couleur la plus liée au langage / au rôle ; ici bleu pour rappeler la doc info. La distribution des couleurs reste sémantique (mute pour commentaires, info pour keywords, warning pour identifiants de fonction, success pour Ok).

C. Titres polychromes.

Items #8 et #9 du poster · variations chromatiques dans les gros titres.

CHALLENGES & PATHS

Variante #8 (écartée) : syllabes en couleurs différentes. Effet poster A0 immédiat, mais trop chargé. Réservé à un titre événementiel unique, pas à un titre récurrent.

The whole point, in one breath.

Variante #9 (retenue) : un seul groupe de mots en yellow highlight (marker). Plus contrôlable, plus poster « édito » que poster graphic-design. Le même mécanique sert à mettre en valeur un mot dans un titre ou un passage dans la prose. Une seule mécanique d'emphase, deux usages.

Pourquoi ce site, et pourquoi maintenant.

#9 appliquée au titre article : exemple direct. Le mot maintenant reçoit le marker yellow ; le reste du titre garde sa rigueur. Plus signal-fort que la variante mixte (colorisation partielle) qu'on avait essayée précédemment.

Pourquoi ce site, et pourquoi maintenant.

Variante mixte (écartée) : conservée ici à titre de comparaison. Mots-clés en couleur de section ; trop dispersé et concurrent avec le système de couleurs section qui existe déjà au niveau des overlines.

D. Application : extraits du site.

Les motifs retenus appliqués à du contenu réel du site live.

Trois extraits pour valider l'intégration à l'identique : un listing lucid-lint reformaté en radical avec type-tag ; le titre de l'article « Pourquoi ce site » avec polychrome mesurée ; et une phrase-clé de l'article avec marker yellow.

SORTIE LUCID-LINT · README.MD v0.2.0
$ lucid-lint check README.md
~~~~~ ⟨ • ⟩ ─────  lucid-lint  v0.2.0
                    cognitive accessibility linter · prose · EN / FR

warning README.md:3:1 Sentence is 29 words long (maximum 22). [structure.sentence-too-long] info README.md:1:1 Kandel-Moles ease score 72.9. [readability.score]

summary: 7 warnings, 1 info.

score: 50/100 structure ▓▓▓░░░░░░░░░░░░░░░░░ 5/20 rhythm ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 20/20 lexicon ▓▓▓▓▓▓░░░░░░░░░░░░░░ 10/20 exit: 1

Listing lucid-lint en radical : par rapport au listing actuel du Focus, on gagne le type-tag v0.2.0 en pill yellow et le header inversé qui isole la caption du body. Contraste plus cohérent entre les deux thèmes.

Pourquoi ce site, et pourquoi maintenant.

Titre article avec marker #9 : identique au titre actuel mais avec maintenant en yellow highlight. Le « pourquoi maintenant » devient la question signal de l'article, pas juste un titre monochrome. À comparer avec la version actuelle pour décider.

Cette discipline est l'alignement de la pensée avec l'écrit. J'en ai appris l'exigence par le code, mais elle dépasse le code.

Phrase article avec marker #9 : extrait du premier acte de l'article. Même mécanique que pour le titre ci-dessus : un yellow highlight isole la phrase-clé sans la coloriser ni la grossir. Une seule doctrine d'emphase, titres et prose confondus.

← Retour à l'accueil