Demo · The Loop

Reveal.js, vibe machine de guerre.

Une stack légère pour produire des decks denses, premium, sans hésitation sur la forme.

v1.0 5 mai 2026

Le constat

La plupart des decks diluent le message.

Trop de mots, trop de couleurs, trop d'effets. Le slide devient bruit.

73%

des slides sont oubliés en 24h. Source : Wharton.

3s

pour qu'un slide accroche ou perde l'audience.

1

idée par slide. Pas deux. Pas trois.

Principe

Densité signal, pas densité bruit.

  • Texte aligné à gauche. Pas centré, pas justifié.
  • Chiffres en orange, géants. On prouve avec des nombres, pas des adjectifs.
  • Une typo titres, une typo corps. Bricolage Grotesque + Inter.
  • Bordures 1px max. Pas d'ombres lourdes, glows orange à la place.
  • Animations 0.25-0.55s. Reveal au scroll, jamais brutal.
Composants natifs

Quelques classes utilitaires prêtes.

.card

Glassmorphism dark, border 1px, radius 20px, hover orange.

.cta

Bouton signature.

On y va
Code natif

Slides en Markdown aussi.

<section data-markdown>
  <textarea data-template>
    ## Mon titre *avec accent*

    - Bullet 1
    - Bullet 2

    > Une citation forte.
  </textarea>
</section>

Markdown = écriture rapide. HTML pur = contrôle total quand il faut sortir du framework.

Tableau

Comparaison brutale.

Critère Keynote / PowerPoint Reveal.js + The Loop
Versioning Fichier binaire opaque Git, diff lisible
Charte cohérente Drift à chaque deck theme.css partagé
Partage PDF de 80 Mo URL publique
Code embed Capture d'écran Syntax highlight natif
Prêt

À toi.

Duplique decks/01-hello-loop/, écris ton deck, déploie.

Voir tous les decks