Marque
Voici SecondBook
Une marque jeune et fraîche pour les gens qui voyagent. Du vert citron, des mots simples et de petites pièces faites avec soin pour qu'une réservation ait le goût d'un début de voyage.
Pourquoi on soigne notre image
Une réservation que tu ne peux plus utiliser, c'est une petite mauvaise nouvelle. On veut que la suite soit légère : un vert citron qui sourit, des mots qui sonnent comme ceux d'un ami et de petites pièces qui donnent envie de partir. Pour nous, le visuel n'est pas de la décoration ; c'est comme ça que tu nous reconnais, d'un cœur sur un hôtel à une carte postale de ta prochaine destination.
Vert citron
Jeune, frais et optimiste. Le vert citron est la couleur de la seconde chance, et c'est la seule couleur de marque qu'on utilise : tout autour reste neutre pour qu'il puisse briller.
Une seule typo
Geist en trois graisses, serrée dans les titres et aérée dans le texte. Nette et contemporaine, pour laisser parler les destinations et les prix.
Une voix proche
On te parle comme un ami qui s'y connaît en voyages : des phrases courtes, des mots simples, pas de petits caractères. On dit « vends ta réservation », jamais rien qui sonne comme de la spéculation.
Nos pièces signature
De petites pièces qui n'appartiennent qu'à nous et qu'on retrouve partout dans le produit.
Couleurs
Le vert citron, c'est la marque ; les verts l'accompagnent sur les prix et les offres ; les neutres lui laissent de la place. Appuie sur une valeur pour la copier. Ce sont les tokens du site lui-même.
Marque
Citron SecondBook
Le logo, le like et nos accents
--brand
Citron bouton
Boutons principaux, avec texte blanc
--primary
Citron profond
Texte citron sur fond clair
--brand-strong
Verts des offres
Vert 50
Fonds doux pour les économies
--deal-green-50
Vert 100
Badges d'économie
--deal-green-100
Vert 300
Mises en avant et graphiques
--deal-green-300
Vert 600
Le bloc prix
--deal-green-600
Vert 700
Texte sur verts clairs
--deal-green-700
Vert 800
Texte appuyé sur les verts
--deal-green-800
Neutres
Encre
Titres et texte
--foreground
Graphite
Surfaces sombres et boutons
--secondary
Pierre
Texte secondaire
--muted-foreground
Brume
Bordures et séparateurs
--border
Nuage
Surfaces discrètes
--muted
Blanc
Fonds
--background
Signaux
Ambre
Badges de mise en avant
--info-badge
Rouge
Réductions et alertes
--discount
Bleu
Liens
--link
Typographie
Geist, une police open source, en regular, medium et semibold. Des titres serrés et équilibrés ; du texte à une largeur confortable.
Regular 400Medium 500Semibold 600
- Display · semibold
- Ton prochain voyage commence ici
- Titre · semibold
- Des réservations d'hôtel avec une seconde chance
- Texte · regular
- Quelqu'un qui ne peut plus voyager vend sa réservation, et toi, tu profites du même séjour pour moins cher. On vérifie chaque réservation, on garde le paiement jusqu'après le séjour et on change le nom auprès de l'hôtel.
- Détail · medium
- Annulation gratuite · Petit-déjeuner inclus
Voix
Comment on écrit, dans toutes les langues : comme un ami, jamais comme un formulaire.
Proche
On te tutoie, dans toutes les langues, et on parle comme une vraie personne.
Clair
Une idée par phrase. Le prix et la date d'abord, les détails ensuite.
Honnête
On dit ce qui se passe et quand, y compris ce qui peut mal tourner.
On dit: Vends ta réservation
On évite: Fais du profit avec ta réservation
On dit: Tu paies 120 € de moins qu'à l'hôtel
On évite: Des prix imbattables !!!
On dit: Un souci ? Écris-nous et on s'en occupe
On évite: Veuillez ouvrir un ticket auprès du service client
À faire et à éviter
Quelques règles pour que la marque reste reconnaissable partout où elle apparaît.
À faire
- Utiliser le vert citron comme seule couleur de marque, sur du blanc ou avec du blanc par-dessus.
- Laisser le logo respirer.
- Garder tout ce qui l'entoure neutre : blanc, gris et encre.
- Faire bouger les pièces brièvement et avec une intention, et les laisser immobiles si l'appareil demande moins d'animations.
À éviter
- Recolorer le logo, ajouter des dégradés, des ombres ou des contours.
- Poser le logo citron sur un fond sombre ou chargé : là, il passe en blanc.
- Étirer, faire pivoter ou recadrer le logo.
- Parler de « faire du profit » ou de « spéculer » avec des réservations : on vend des réservations, rien de plus.
Tout sur la marque
Chaque section a ses pièces, ce qu'elles veulent dire et quand on les utilise.
- LogosLe logotype et le symbole sb dans toutes les couleurs, à télécharger.
- LikesLe cœur qui devient notre symbole, et ses looks de saison.
- DoodlesLes jours de l'année qu'on fête, avec leurs illustrations.
- Scènes de chargementDes scènes en pixel art qui font de l'attente le début d'un voyage.
- Cartes postalesDes destinations en cartes postales que tu peux retourner.
- Timbres et tamponsDes timbres-poste et des tampons de passeport qui collectionnent les lieux.
- Guides de voyageUn catalogue de destinations avec des couvertures d'éditeur.