Brand book · v2 « nuit prune »
La nuit, en plus chaleureux.
Lunombre, c'est le moment où la lumière baisse et où la soirée commence vraiment. Sombre mais jamais froid, sensuel mais jamais vulgaire, et toujours peuplé de vrais gens.
01 · Couleurs
Cinq teintes et une surface.
La nuit domine. L'aube porte le texte et les sections claires. Le corail est réservé à l'action, le miel à la lumière (lune, italiques).
#170C1CFond principal
#2E1633Surfaces, téléphone, formulaire
#F7EADFTexte, sections claires
#FF6B4ABoutons, Brain & Bed
#F6B65ELune, italiques, Dice & Vice
#E9A8B4Accent doux, Meet & Heat
Contrastes vérifiés : aube sur nuit 16:1, miel sur nuit 10,7:1, texte nuit sur corail 6,7:1. Sur fond aube, le corail passe en #B5482F (4,5:1).
02 · Typographie
Un serif qui murmure, des capitales qui respirent.
Instrument Serif (romain et italique) pour les titres, très grand. Instrument Sans (400 à 600) pour le texte et les capitales espacées.
Trois jeux sur téléphone pour les couples et les bandes d'amis. Lignes de 60 à 75 signes maximum.
03 · Photographie
De vrais rires, en lumière chaude.
- OuiLumière de bougie, guirlandes, néons doux. Gens en mouvement, rires francs, regards entre eux. Grain visible.
- NonFond blanc studio, sourires face caméra, mains qui pointent un écran, mises en scène « startup ».
- ToujoursCoins arrondis à 28 px. Une photo par jeu, jamais deux fois la même personne sur la page.
- ÉcransJamais d'interface inventée : uniquement les vraies captures des jeux (
assets/captures/). Sur une photo où l'on voit un téléphone, la capture est incrustée en perspective sur l'écran avec<div class="shot" data-corners="…">(les 4 coins de l'écran en % de la photo).
04 · Composants
Des pilules, une lune, un téléphone.
05 · Mouvement
Lent comme une fin de soirée.
- Apparition : 1 s, montée de 26 pxCourbe
cubic-bezier(.2,.7,.1,1), 100 ms de décalage entre éléments voisins (--i). - Ambiance en bouclePhoto de la lune qui dérive (22 s), étoiles qui scintillent (7 s), badge qui tourne (28 s), téléphones qui flottent (7 s), bandeau défilant (46 s).
- Lune qui se lèveDans la section finale, elle monte avec le défilement (CSS
animation-timeline, ignoré par les vieux navigateurs). - Mouvement réduit respectéAvec
prefers-reduced-motion, tout s'affiche sans aucune animation.
06 · Ton
Complice, jamais vulgaire.
- On tutoieComme un ami qui lance la partie, pas comme une marque.
- Des scènes, pas des fonctionnalités« Pose le téléphone au milieu de la table » plutôt que « Interface intuitive ».
- Jamais de tiret cadratinVirgule, deux-points ou point à la place.
- Dice & Vice compte en « vices »Le mot « boire » n'apparaît jamais.
- Le consentement se dit clairementPaliers, veto, accord secret : on le nomme, on ne le cache pas en petit.