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.
Charte graphique, version 1, novembre 2026
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à.
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.
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.
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.
Une épingle de carte dont la tête est un soleil couchant, strié par l'horizon. À côté, le nom du site en trois graisses : « gta6 » en couchant, « preview » en clair, « .fr » en retrait.
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.
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.
| Usage | Taille | Famille |
|---|---|---|
| Titre de page | 72 px | Barlow Condensed 800 |
| Titre de section | 48 px | Barlow Condensed 800 |
| Nom d'un lieu dans sa fiche | 32 px | Barlow Condensed 800 |
| Chapô | 18 px | Figtree 400 |
| Texte courant | 16 px | Figtree 400 |
| Libellés, filtres, boutons | 13 à 14 px | Figtree 600 |
| Crédits et mentions | 11 à 12 px | Figtree 400 |
Les capitales sont réservées aux titres et aux noms de région sur la carte.
Un seul bouton plein par écran : c'est l'action principale. Le libellé dit ce qui se passe quand on clique.
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.
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.
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.
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.
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.
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).
Si le visiteur a demandé moins d'animations dans son système, tout devient instantané. Aucune information ne dépend d'une animation.
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). »