Charte graphique, version 1, novembre 2026

Crépuscule sur Leonida

gta6preview.fr a une seule ambiance : l'heure où le soleil tombe sur Vice City. Le ciel vire au pêche et au lilas, l'eau reste turquoise, les néons s'allument. Toutes les pages du site vivent à cette heure-là.

Trois principes

Le couchant est rare

Le dégradé jaune, corail, rose et violet vient du « VI » du logo officiel. On le réserve à ce qui compte : un titre, l'action principale, la bulle de Vice City. Jamais en fond de page, jamais sur deux éléments voisins.

La nuit n'est pas noire

Les fonds sont des indigos de nuit tombante, pas du noir. Le texte est un blanc chaud. Les panneaux flottent au-dessus du contenu, légèrement translucides, comme une vitre teintée.

On dit ce qu'on sait, et d'où on le sait

Chaque information porte son statut : confirmée par Rockstar, repérée par les fans, issue d'un leak, ou position inconnue. La forme du repère le dit avant même le texte : plein, creux ou en pointillés.

Couleurs

Les teintes viennent de la jaquette officielle. Chacune a un nom du pays et un rôle précis. Cliquez sur une couleur pour copier son code.

Le couchant : soleil, mangue, corail, flamant, ultraviolet, à 100°. Variable CSS --couchant.

Typographie

Deux familles, hébergées sur le site (aucun appel à un serveur tiers).

Barlow Condensed, pour les titres

Vice City

Leonida Keys

Graisses 800 et 900, en capitales, interlignage très serré (0,9). Étroite et haute comme un titre d'affiche de cinéma. Réservée aux titres, aux noms de lieux et aux chiffres clés.

Figtree, pour le texte

Jason vit gratuitement dans une propriété de Brian Heder. En échange, il l'aide à racketter des locataires et passe de temps en temps boire la sangria de Lori.

Graisses 400 à 700. Corps de 16 px, interlignage 1,5, lignes de 65 caractères au plus. Le texte courant et les libellés s'écrivent en minuscules avec une capitale initiale.

Échelle des corps
UsageTailleFamille
Titre de page72 pxBarlow Condensed 800
Titre de section48 pxBarlow Condensed 800
Nom d'un lieu dans sa fiche32 pxBarlow Condensed 800
Chapô18 pxFigtree 400
Texte courant16 pxFigtree 400
Libellés, filtres, boutons13 à 14 pxFigtree 600
Crédits et mentions11 à 12 pxFigtree 400

Les capitales sont réservées aux titres et aux noms de région sur la carte.

Composants

Boutons

Un seul bouton plein par écran : c'est l'action principale. Le libellé dit ce qui se passe quand on clique.

Statuts d'une information

Confirmé par Rockstar Repéré par les fans Leak, non confirmé Position inconnue

Lagon pour ce qui est sûr, mangue pour ce que la communauté a trouvé, corail pour les fuites, brume en pointillés pour ce qu'on ne sait pas situer. Ces quatre tampons servent sur tout le site, pas seulement sur la carte.

Repères de carte

La couleur dit le type de lieu, la forme dit la fiabilité : disque plein pour un lieu confirmé, anneau creux pour un lieu repéré par les fans ou issu d'un leak, anneau en pointillés avec un point d'interrogation quand la position est inconnue. Quand plusieurs lieux se touchent, ils se rangent dans une bulle qui affiche leur nombre.

Fiche

Une fiche se lit de haut en bas : la capture et son crédit, les tampons de statut, le nom, le texte, les personnages, puis la position et la source. Le rappel « aucune position n'est exacte » ferme toujours la fiche d'un lieu tant que le jeu n'est pas sorti.

Carte

La carte reprend les codes d'une carte de GTA, repeints au crépuscule. Elle est dessinée à partir de données libres, sans aucune tuile de Google ou d'OpenStreetMap.

Mouvement

Un moment par page

Chaque page a une seule séquence d'ouverture soignée. Sur la carte, le nom « Leonida » s'efface pendant que la caméra descend vers l'État. Le reste ne bouge que si le visiteur agit.

Le mouvement répond

Un panneau glisse depuis le bord d'où il vient, un repère se pose en 320 ms, la caméra vole vers le lieu choisi. Courbe unique : cubic-bezier(0.22, 1, 0.36, 1).

Toujours désactivable

Si le visiteur a demandé moins d'animations dans son système, tout devient instantané. Aucune information ne dépend d'une animation.

Ton

On écrit comme un ami qui a tout lu et qui fait le tri : simple, précis, sans survendre.

On écrit

« Un hôtel aux néons sur le front de mer. Son enseigne se lit sur une capture officielle. »

On évite

« Découvrez l'incroyable Hotel Dixon, un lieu incontournable qui va révolutionner Vice City ! »

On écrit

« Position inconnue. Le point est posé dans la zone la plus probable. »

On évite

« Emplacement exact du pénitencier (source : leak). »

Images et crédits