Identité de marque
Une lettre, avant et après.
Le symbole BetterSite est un B formé de deux blocs de site web. Celui du haut, c’est votre site actuel. Celui du bas, c’est le site que nous reconstruisons.
Le symbole
Ce que signifie le B
-
1Boucle haute en contour
Votre site actuel : une structure qui tient encore, tracée en gris pierre chaleureux.
-
2La ligne grise
Le contenu daté à l’intérieur : une seule barre, comme une vieille mise en page en attente.
-
3Boucle basse terre cuite
La refonte : plus large, pleine, dans notre terre cuite. Même fondation, meilleur résultat.
Les deux blocs partagent le même trait vertical à gauche : nous gardons ce qui fonctionne (votre contenu, votre nom, vos clients) et reconstruisons le reste. Lu de haut en bas, le B raconte tout le service : avant, puis après.
Fichiers du logo
Toutes les versions, prêtes à l’emploi
Tous les fichiers sont des vecteurs SVG : nets à toutes les tailles, sans police à installer.
- logo-full.svg Télécharger
Logo complet
Version principale, pour fonds clairs
- logo-black.svg Télécharger
Noir
Impression une couleur : tampons, tickets, factures
- logo-white.svg Télécharger
Blanc
Fonds sombres, photos et couleurs
- logo-mark.svg Télécharger
Symbole
Avatars, petits espaces
- logo-icon.svg Télécharger
Icône d’app
512×512, tuile arrondie
- logo-wordmark.svg Télécharger
Logotype
Version texte seul
- favicon.svg Télécharger
Favicon
16×16, simplifié en deux formes
Couleurs
Crème chaleureux, marine rassurant, un accent terre cuite
-
Crème
#FBF7F2
Fond de page : chaleureux, comme un beau papier
-
Marine
#1F2A44
Titres, texte et le mot « Better » : la couleur de la confiance
-
Terre cuite
#C2553A
L’« après » : la boucle reconstruite, « Site », grands titres
-
Terre cuite foncé
#A8432B
Boutons, liens et petits textes d’accent
-
Sauge
#4A6A52
Coches et confirmations
-
Pierre
#8A8178
L’« avant » : la boucle en contour
La terre cuite est le signal chaleureux qui veut dire « mieux ». Réservez-la à la boucle reconstruite, aux boutons et aux points clés ; le crème et le marine font le reste.
Typographie
Inter Bold, resserrée
Le logotype est composé en Inter Bold avec un interlettrage légèrement resserré, puis vectorisé pour un rendu identique partout. « Better » est en marine ; « Site » prend la terre cuite, pour que le nom répète l’avant-après du symbole.
Usage
Le garder reconnaissable
- Laissez autour du logo une marge égale à la hauteur de la boucle haute.
- Pas moins de 20 px pour le symbole, ni de 96 px de large pour le logo complet.
- Utilisez les fichiers tels quels : sans recolorer, étirer, pivoter ni ajouter d’effets.
- Sur fond sombre, photo ou couleur, le logo blanc ; en impression une couleur, le logo noir.
Besoin d’un autre format ? Écrivez-nous à bettersite@luongnv.com