Retour au site

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.

Dipsea : la prune et le corailMùn : la lune et les capitalesTimeleft : les photos et les pilules

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).

Nuit#170C1C
Fond principal
Prune#2E1633
Surfaces, téléphone, formulaire
Aube#F7EADF
Texte, sections claires
Corail#FF6B4A
Boutons, Brain & Bed
Miel#F6B65E
Lune, italiques, Dice & Vice
Rose#E9A8B4
Accent 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.

Hero · --fs-heroCe soir, on joue.
Titre de section · --fs-h2Trois gestes, et la soirée décolle.
Accroche de jeu · serif italique 1,5 remLe jeu à deux où perdre a du bon.
Texte · 17 px / 1,65

Trois jeux sur téléphone pour les couples et les bandes d'amis. Lignes de 60 à 75 signes maximum.

Capitales · 11,5 px · espacement 0,32 emJeux de soirée · Couples & amis

03 · Photographie

De vrais rires, en lumière chaude.

Couple qui rit sous des guirlandes Amis en selfie autour d'une table Couple enlacé en lumière rose Dîner aux chandelles
  • 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.

Boutons-pilules
Étiquettes de faits
2 joueurs12 modesFR · EN · ES
Champ
Signe
Lunombre Logo 03A « L'o de lune » : Lunombre en serif romain, le o devient une lune miel. Le o seul sert de symbole et de favicon. Jamais déformé ; version aube (logos/v2) sur fond clair. Autres pistes gardées dans logos/ pour plus tard.

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.