Explorez Bus Connect

Kit de marque Bus Connect

Charte graphiqueprête à servir.

Vous parlez de Bus Connect dans un article, sur vos réseaux ou sur le site de votre commune ? Voici les bons fichiers : logos, couleurs, typographie et visuels prêts à publier.

Bus Connect est une marque déposée. Voir les conditions d’utilisation

  • Logos en SVG et PNG
  • 12 visuels pour vos réseaux
  • Couleurs à copier en un clic
Couverture de la charte graphique Bus Connect

Logos

Le logo, dans toutes ses versions.

La version couleur passe en premier. Les autres prennent le relais selon le fond.

Tout télécharger ZIP · 771 Ko

Logo complet

Le nom complet : « bus » posé sur « connect », dont le « co » forme un infini.

  • Logo Bus Connect, version couleur

    Couleur

    La version à utiliser en priorité, sur fond blanc ou très clair.

  • Logo Bus Connect, version blanc

    Blanc

    Sur le marine, sur le dégradé ou sur une photo sombre.

  • Logo Bus Connect, version marine

    Marine

    Quand la couleur n’est pas possible, sur fond clair.

  • Logo Bus Connect, version noir

    Noir

    Impression en une seule couleur, tampon, gravure.

Symbole seul

L’infini seul, pour les petits espaces : photo de profil, icône, favicon.

  • Symbole Bus Connect, version couleur

    Couleur

    La version à utiliser en priorité, sur fond blanc ou très clair.

  • Symbole Bus Connect, version blanc

    Blanc

    Sur le marine, sur le dégradé ou sur une photo sombre.

  • Symbole Bus Connect, version marine

    Marine

    Quand la couleur n’est pas possible, sur fond clair.

  • Symbole Bus Connect, version noir

    Noir

    Impression en une seule couleur, tampon, gravure.

Photos de profil

Le symbole déjà centré dans un carré de 1 024 px, pour un compte ou une pastille : il reste entier une fois recadré en rond.

Bon usage

De l’air autour, rien par-dessus.

Le logo est un dessin fini : il se pose tel quel, à partir des fichiers de cette page.

xxxxxx

Zone de protection

x vaut la moitié de la hauteur du « n ». Rien n’entre dans cette zone : ni texte, ni bord de page, ni autre logo.

xxxx

Autour du symbole seul, x vaut un tiers de sa hauteur.

Logo, taille minimale
80 px à l’écran
22 mm imprimé
Symbole, taille minimale
16 px à l’écran
5 mm imprimé
  • Ne pas déformer

    Le logo s’agrandit et se réduit sans changer ses proportions.

  • Ne pas recolorer

    Aucune autre teinte et aucun autre dégradé que ceux des fichiers fournis.

  • Ne pas ajouter d’effet

    Ni ombre, ni contour, ni relief, ni lueur.

  • Ne pas incliner

    Le logo reste à l’horizontale.

  • Ne pas poser sur un fond chargé

    Sur une photo ou une couleur vive, utiliser la version blanche sur un aplat sombre.

  • Ne pas recomposer

    Ne pas réécrire le nom avec une police ni déplacer « bus » ou le symbole.

Couleurs

Trois couleurs vives, un marine.

Le cyan, la pervenche et le rose viennent du logo. Le marine porte les fonds sombres et les titres. Cliquez sur une couleur pour copier son code.

  • Dégradé signature

    Celui du logo : du cyan au rose, de gauche à droite. Pour les grands aplats et les visuels.

  • Dégradé d’interface

    Celui des boutons et des mots mis en avant sur le site : rose, pervenche, cyan, incliné à 115°.

Typographie

Naotypo, ronde et nette.

Une seule famille, des grands titres aux horaires. Naotypo est dérivée de Manrope, une police libre : sans Naotypo, Manrope donne le même rendu.

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 · é è à ç ù œ « » ? !

  • Regular400 · Texte courant
  • Medium500 · Texte mis en avant
  • SemiBold600 · Libellés, légendes
  • Bold700 · Boutons, sous-titres
  • ExtraBold800 · Titres
Vos prochains bus
Titre de pageExtraBold · 48 à 83 px
Interligne 100 % · approche −5 %
Les prochains départs
Titre de sectionExtraBold · 32 à 48 px
Interligne 105 % · approche −4 %
Gare routière, quai 3
Sous-titreExtraBold · 19 à 22 px
Interligne 125 % · approche −2 %
Le bus de 17 h 50 arrive dans 8 minutes.
Texte courantRegular · 16 à 17 px
Interligne 165 % · approche 0
Info trafic
LibelléBold · 12 px, capitales
Interligne 130 % · approche +14 %

Réseaux sociaux

Des visuels prêts à partager.

Trois sujets, quatre formats. Choisissez le format, téléchargez, puis publiez avec le texte proposé ou le vôtre.

Tout télécharger ZIP · 5,7 Mo

1080 × 1080 px · Instagram, Facebook, LinkedIn, X

  • Visuel Bus Connect : « Vos horaires en temps réel », avec une liste de prochains départs.

    Horaires en temps réel

    Texte proposé

    Mes prochains bus en temps réel, arrêt par arrêt : c’est sur Bus Connect. Gratuit sur iPhone et Android. https://www.busconnect.fr/telecharger

  • Visuel Bus Connect : « Soyez prévenu avant d’attendre », avec des notifications de retard et de passage.

    Alertes et info trafic

    Texte proposé

    Retard, déviation, bus supprimé : Bus Connect prévient avant d’arriver à l’arrêt. Gratuit sur iPhone et Android. https://www.busconnect.fr/telecharger

  • Visuel Bus Connect : « Tous vos réseaux dans une seule appli », avec Néo, la mascotte.

    Télécharger l’appli

    Texte proposé

    Horaires, info trafic et itinéraires sur des dizaines de réseaux, en France et en Belgique : tout est dans Bus Connect. Gratuit sur iPhone et Android. https://www.busconnect.fr/telecharger

À publier tels quels : sans recadrage, sans filtre et sans texte ajouté par-dessus. Les lignes et les arrêts affichés sont des exemples.

Charte PDF

Tout est dans la charte.

Onze pages à garder sous la main ou à transmettre à votre graphiste : le logo et ses versions, la zone de protection, les gestes à éviter, les couleurs, la typographie, Néo et les formats pour les réseaux.

Télécharger la chartePDF · 786 Ko
  • Couverture de la charte graphique Bus Connect
  • Page de la charte : les versions du logo
  • Page de la charte : les couleurs

Conditions d’utilisation

Ce que vous pouvez en faire.

Ces fichiers servent à parler de Bus Connect. Néo, la mascotte, n’en fait pas partie : écrivez-nous si vous souhaitez l’utiliser.

Une question, un autre usage ? hello@busconnect.fr

Vous pouvez

  • Parler de Bus Connect dans un article, une publication, un site ou un support d’information.
  • Indiquer que votre réseau, votre commune ou votre établissement est présent dans l’appli.
  • Partager les visuels de cette page tels quels sur vos réseaux sociaux.

Merci de ne pas

  • Modifier le logo, ses couleurs ou ses proportions, ou retoucher les visuels.
  • Laisser entendre un partenariat ou une validation de Bus Connect qui n’existe pas.
  • Reprendre le logo ou le nom pour un autre service, une autre appli ou un produit à vendre.