Charte graphique · v2

GRIMOIRE SCIENTIFIQUE

Le système de design du site vynn369.com : manuscrit alchimique vivant. Source de vérité : vynn-site/DESIGN.md
Planche I

Couleurs

Approche restreinte : le parchemin et l'encre font tout, le vermillon est un événement (un seul par écran). Jamais de noir pur ni de blanc pur.

Parchment
#ECE3CE
fond de page
Parchment deep
#E2D6BB
panneaux, cartouches
Parchment edge
#D8CBAD
séparateurs, ombres
Ink
#211C15
texte principal
Ink soft
#6A5C46
texte secondaire, sépia
Ink faint
#9C8E74
hairlines, graduations
Vermillon
#B23A2E
accent RARE : 369, CTA
Vermillon deep
#8E2A21
hover / pressé
Verdigris
#7E8A6F
touche froide, succès
Planche II

Typographie

Trois voix : Fraunces (display antique, CAPITALES interlettrées +8 %), Spectral (corps littéraire), IBM Plex Mono (méta technique, CAPITALES +14 %).

Display · Fraunces 96
VYNN
H1 · Fraunces 40
A WEIGHTLESS ASCENT
H2 · Fraunces 28
Manifesto
Body · Spectral 18
Vin, aka VYNN. I make sound somewhere between Earth and the cosmos: frequencies, a rhythm, and we find out where it resonates.
Méta · Plex Mono 12
VYNN · CAT. 001 · TRIPLE VIRGO · BETWEEN EARTH & THE VOID
ÉCHELLE : display 96/64 · h1 40 · h2 28 · h3 20 · body 18 · small 15 · meta 12  |  mobile : display 56 · h1 30
Planche III

Motifs

Tout est SVG génératif à filet fin, aucune image. Le filtre « tracé main » (turbulence + displacement) donne le tremblé de la gravure. Le triangle 3-6-9 de l'enneagramme est le seul motif autorisé à porter le vermillon en permanence. Chaque motif porte du sens : l'enneagramme est numéroté 1-9 (chiffres gravés), la frise lunaire marque la vraie lune du soir (éphéméride calculée en direct + « universal day » numérologique), le sceau date la planche (ANNO MMXXVI), les taches d'âge (foxing) patinent le papier.

Enneagramme 369
Phases lunaires
Orbite
Pyramide
Dotwork
Coin de cadre
Sceau ex-libris
Planche IV

Composants

Angles quasi nuls (radius 2 px max) : le gravé est anguleux, pas « bulle ». Les cartouches portent le double filet (box-shadow inset). Les jetons de plateformes sont des sigils gravés, jamais les logos couleur des marques.

Boutons
  
Champ + envoi
Sigils (liens plateformes)
Spotify SoundCloud
Planche V

Espacements & grille

Base 8 px, densité spacieuse : le manuscrit respire (sections ≥ 96 px). Colonne centrée max 880 px, planches symétriques numérotées I · II · III · IV.

8
16
24
32
48
64
96
128
Planche VI

Mouvement & vie

Lent, planant, jamais brusque. Tout se coupe sous prefers-reduced-motion ; les effets lourds sont désactivés sur mobile.

respiration 5 s : le seul battement permanent de la page
Planche VII

Do / Don't

Do

  • Parchemin + beaucoup d'air, planches symétriques
  • Un seul vermillon par écran (l'événement)
  • VYNN en capitales Fraunces interlettrées
  • Motifs SVG à filet fin, filtre « tracé main »
  • Mouvement lent ; couper sous reduced-motion
  • Anglais pour tout le contenu public

Don't

  • Tiret cadratin (tiret long) dans les textes : utiliser « · », « : » ou une virgule
  • Dégradé néon / violet (c'est l'ancienne charte v1)
  • Photo stock, logos couleur des plateformes
  • Noir #000 ou blanc #FFF purs
  • Border-radius « bulle », ombres portées floues
  • Deux polices display, animations brusques
  • Vermillon en grand aplat