Brand Kit · pour la presse, les partenaires et l'équipe

Utilisez notre marque à bon escient. Nous avons simplifié la tâche.

Tout ce qu'il faut pour citer Essentras, y renvoyer ou écrire à son sujet. Une seule source de référence. Gardez-la dans vos favoris.

Couleur

Une couleur de marque. Deux, si l'on compte le noir.

Cliquez sur une pastille pour copier le code hexadécimal. Palette issue directement de l'identité Instagram @essentras.

Extension Tailwind
accent: { DEFAULT: '#7C3AED', // violet-600 hover: '#6D28D9', // violet-700 soft: '#EDE9FE', // violet-100 ring: '#A78BFA', // violet-400 },

Logo

Un seul logotype. Deux déclinaisons de couleur.

Le logo se compose de essentras en minuscules, en Inter 800, avec un point violet. Noir sur fond clair, blanc sur fond sombre. Le point reste toujours violet. C'est tout.

essentras

Sur fond clair

color="ink"

Version par défaut. À utiliser sur fond blanc, quasi blanc ou teinté de tons pâles. Logotype en ink-900 (#0a0a0a), point en couleur d'accent (#7C3AED).

essentras

Sur fond sombre

color="white"

Version inversée pour les sections hero sombres, les superpositions sur photo et la vidéo. Logotype en blanc. Le point reste violet. Ne le modifiez jamais pour améliorer la lisibilité.

Redimensionnement : le même logo, à toutes les tailles

essentrasessentrasessentrasessentrasessentras

Icône carrée · 2 directions

Deux directions. Une seule à choisir.

Le logotype horizontal ne fonctionne ni en 16×16 (onglet de navigateur) ni en 1024×1024 (icône d'app). Il nous faut un symbole carré. Deux directions ci-dessous : le « e. » et le point, chacune en violet et en blanc. Comparez-les côte à côte.

01

« e. »

Le logotype resserré sur sa première lettre et son point signature. La mémorisation de l'initiale et le point de marque réunis en un seul symbole.

Icon Violet
Violet
Principal
Icon Blanc
Blanc
Alternatif
16px
32px
64px

Le violet est la version par défaut : choisissez-le, sauf si vous avez besoin du symbole sur un fond clair.

Arrondi shape
Arrondi
Icônes d'app (iOS / Android / macOS)
VioletPNGSVG
BlancPNGSVG
Carré shape
Carré
Angles vifs : posts sociaux, favicons, présentations
VioletPNGSVG
BlancPNGSVG
Cercle shape
Cercle
Avatars et photos de profil
VioletPNGSVG
BlancPNGSVG
02

Le point

La signature de marque à l'état pur. Juste le point, agrandi pour devenir le symbole. Minimal à l'extrême, impossible à copier. Presque personne ne l'ose.

Icon Violet
Violet
Principal
Icon Blanc
Blanc
Alternatif
16px
32px
64px

Le violet est la version par défaut : choisissez-le, sauf si vous avez besoin du symbole sur un fond clair.

Arrondi shape
Arrondi
Icônes d'app (iOS / Android / macOS)
VioletPNGSVG
BlancPNGSVG
Carré shape
Carré
Angles vifs : posts sociaux, favicons, présentations
VioletPNGSVG
BlancPNGSVG
Cercle shape
Cercle
Avatars et photos de profil
VioletPNGSVG
BlancPNGSVG

Les 4 côte à côte · e. violet · e. blanc · point violet · point blanc

Dans votre dock iOS / macOS

Sur une interface sombre (Slack / Discord / Safari en mode sombre)

Échelle favicon d'onglet de navigateur (16 px) : le test de survie

essentras.com
essentras.com
essentras.com
essentras.com

Comment choisir

Ouvrez cette page sur votre téléphone et votre ordinateur. Observez chaque option en situation réelle : ligne de favicons, écran d'accueil mobile, icône d'espace de travail Slack. Ne choisissez pas ce qui vous plaît isolément. Choisissez ce qui capte l'attention face à 40 autres apps. Répondez à [email protected] avec votre choix : e. ou point, et violet ou blanc.

Typographie

Deux polices. Trois rôles.

Inter pour les titres et le texte. JetBrains Mono pour les chiffres et les données. C'est tout le système. Deux polices gratuites, disponibles sur Google Fonts, pour un ensemble de moins de 30 Ko. N'introduisez pas de troisième police, que ce soit pour un support, une présentation, une pub ou un post social.

titres + texte

Inter

Premium PR & Content Distribution
Graisses utilisées
400 · 500 · 600 · 700 · 800 · 900
Approche (tracking)
−2 % sur les titres, par défaut sur le corps de texte
Licence
OFL (gratuite, aucune attribution requise)
Pourquoi
Un style B2B moderne (Stripe, Linear et GitHub l'utilisent tous)
Obtenir sur Google Fonts →
chiffres + données

JetBrains Mono

DA 99 · DR 97 · $200,000
Graisses utilisées
400 · 500 · 700
Usage
Chiffres, indicateurs, tags, code, pastilles de prix
Licence
Apache 2.0 (gratuite)
Pourquoi
Chiffres tabulaires : DA / DR / prix s'alignent en colonnes
Obtenir sur Google Fonts →

Échelle typographique : quoi utiliser et où

Chaque niveau ci-dessous est affiché en direct sur cette page. Choisissez selon le rôle, pas à l'œil. La colonne de droite indique le token exact : classes Tailwind pour le site, taille et graisse d'origine pour tout le reste.

Publiez là où cela compte.
Display · H1
Inter Bold 700
text-5xl→6xl · tracking-tight · leading-[1.05] · un par page
Un logotype. Deux états de couleur.
Titre · H2
Inter Bold 700
text-4xl→5xl · tracking-tight · titres de section
Des relations directes, une tarification transparente.
Sous-titre · H3
Inter Bold 700
text-xl→2xl · tracking-tight · leading-snug · titres de cartes
Apple News (DA 99)
Intitulé · H4
Inter Semibold 600
text-lg · sous-titres, libellés de tableaux et de cartes
TYPOGRAPHIE
Surtitre · eyebrow
Inter Medium 500
text-xs · MAJUSCULES · tracking-[0.2em] · accent violet
3,800+ médias sélectionnés, tarifs transparents, en ligne en quelques jours.
Paragraphe d'accroche
Inter Regular 400
text-lg · leading-relaxed · ink-600 · introductions
Soyez cité par AI Overviews, ChatGPT, Claude et Perplexity. La marketplace PR premium.
Corps de texte
Inter Regular 400
text-base (16px) · leading-relaxed · ink-700 · par défaut
Remboursé si nous manquons le délai de livraison.
Petit texte · légende
Inter Regular 400
text-sm · ink-600 · texte secondaire, notes de bas de page
MIS À JOUR JUIN 2026
Micro · méta
Inter Medium 500
text-xs · tracking-wider · horodatages, libellés
DA 99 · DR 97 · $2,500
Données · métrique
JetBrains Mono 700
font-mono · tabular-nums · tous les chiffres, prix, DA/DR

Graisses d'Inter : quand utiliser chacune

Six graisses, chacune avec un rôle précis. Si vous hésitez entre deux, choisissez la plus légère.

Aa
400Regular
Corps de texte, paragraphes, contenus longs
Aa
500Medium
Surtitres, navigation, libellés d'interface
Aa
600Semibold
Petits titres, boutons, mise en avant
Aa
700Bold
Tous les titres, H1 à H3
Aa
800ExtraBold
Le logotype. Impact en hero uniquement.
Aa
900Black
À éviter. Réservé aux très grands chiffres isolés.

Typographie pour les réseaux sociaux et les visuels

Les mêmes deux polices, agrandies pour les formats visuels. Des tailles en pixels précises pour qu'un post Instagram, une présentation et le site restent parfaitement cohérents. Titres en Inter, chiffres en JetBrains Mono, toujours.

Instagram / post carré1080 × 1080
Surtitre
Inter Medium · 28px · 0.2em · MAJUSCULES
Titre
Inter ExtraBold 800 · 96px · tracking-tight · interligne 1.05
Corps de texte
Inter Regular · 44px · interligne 1.4
Statistique / chiffre
JetBrains Mono Bold · 120px+
Couverture Story / Reel1080 × 1920
Surtitre
Inter Medium · 32px · 0.2em · MAJUSCULES
Titre
Inter ExtraBold 800 · 120px · tracking-tight
Corps de texte
Inter Regular · 48px
Bouton CTA
Inter Semibold · 40px
LinkedIn / X paysage1200 × 675
Surtitre
Inter Medium · 24px · 0.2em · MAJUSCULES
Titre
Inter Bold 700 · 72px · tracking-tight
Corps de texte
Inter Regular · 34px · interligne 1.5
Source / identifiant
JetBrains Mono · 26px
Carte citation / témoignage1080 × 1080
Citation
Inter Regular 400 · 56px · interligne 1.35
Nom
Inter Semibold 600 · 32px
Fonction / entreprise
JetBrains Mono · 26px · ink-500
Signature
Logotype ou icône « e. », en bas à gauche
Oui
  • ✓Tout aligné à gauche. Titres, texte, chiffres : au fer à gauche.
  • ✓Titres serrés (interligne 1.05). Texte aéré (1.4–1.6).
  • ✓Ouvrez avec un chiffre en JetBrains Mono quand vous en avez un.
  • ✓Fond blanc (#fff) ou noir profond (#0a0a0a). Violet (#7C3AED) pour un seul accent.
  • ✓Terminez avec le logotype ou l'icône « e. » violette, en petit, dans un coin.
Non
  • ✗Pas de paragraphes centrés. Pas de texte justifié.
  • ✗Pas de troisième police : ni Montserrat, ni Poppins, ni police d'affichage « fantaisie ».
  • ✗Pas d'ombres portées, de contours, de dégradés ni de déformation sur le texte.
  • ✗Pas de texte courant en ExtraBold : le 800 est réservé aux titres et au logotype.
  • ✗Pas de chiffres en Inter quand JetBrains Mono est disponible. Ils ne s'aligneraient pas.
@import (à placer dans le head)
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">

Règles d'usage

Des oui fermes. Des non catégoriques.

Oui
  • ✓Utilisez le logotype en minuscules avec son point violet. C'est ça, la marque.
  • ✓Utilisez toujours Inter ExtraBold (800) pour le logotype.
  • ✓Sur fond sombre, passez le logotype en blanc. Le point reste violet.
  • ✓Respectez l'espace minimal : la hauteur d'un « x » minuscule sur tous les côtés.
  • ✓En dessous de 14px, le point disparaît selon certains DPR. Ce n'est pas un problème.
  • ✓Redimensionnez de façon uniforme. Le point suit les proportions du logotype.
Non
  • ✗Ne mettez pas de majuscule à « Essentras » dans vos textes produit : toujours en minuscules.
  • ✗N'ajoutez pas de point après le logotype (« essentras. » fait daté).
  • ✗Ne placez pas « depuis 2018 » ni aucune mention de date à côté de la marque.
  • ✗N'enfermez pas le logotype dans un cercle, un badge ou un conteneur de couleur.
  • ✗N'utilisez ni Gilroy, ni Montserrat, ni aucune autre police qu'Inter pour la marque.
  • ✗N'appliquez ni ombres, ni contours, ni dégradés, ni déformations obliques.
  • ✗Ne l'étirez ni horizontalement ni verticalement.
  • ✗Ne modifiez pas la couleur du point : c'est toujours #7C3AED (accent).

Voix et ton

Direct. Précis. Humain.

Un ton comme celui-ci
"3,800+ éditeurs sélectionnés, tarifs transparents."
: Un chiffre concret, une valeur précise.
"Remboursé si nous manquons le délai de livraison."
: Définit la promesse et son déclencheur.
"En ligne sous 3 jours. Gardez l'URL en favori."
: Des verbes d'action. Aucune hésitation.
"Apple News (DA 99). Relation directe."
: Un média précis, son DA et un signal de différenciation.
Jamais un ton comme celui-ci
"Libérez une synergie sans précédent grâce à des PR de pointe."
: Du jargon d'entreprise. Zéro information.
"Propulsez votre marque vers de nouveaux sommets. Donnez des ailes à votre parcours marketing."
: Aucun sujet concret. Aucun résultat.
"Une solution complète qui transforme la façon dont les marques captent leurs audiences."
: Un chapelet de mots à la mode. Remplacez-le par un chiffre.
"Dans le paysage numérique actuel, en constante évolution..."
: Une intro creuse. Coupez et allez droit au but.

Règles précises

  • Privilégiez les chiffres. « 60 », pas « soixante ». « 7 jours », pas « sept jours ». Les chiffres attirent l'œil.
  • Pas de tirets cadratins. Privilégiez les virgules, les points, les deux-points ou des phrases plus courtes.
  • Bannissez « élever », « propulser », « libérer le potentiel », « tirer parti », « écosystème », « synergie », « innovant », « de pointe », « robuste », « fluide », « best-in-class ».
  • Une promesse par phrase. Si vous écrivez « et » deux fois, vous avez deux phrases.
  • Commencez par le résultat. « +300 % d'engagement » vaut mieux que « Nous aidons les marques à grandir ».
  • Noms communs en minuscules dans le corps du texte. « média », « placement », « support » : pas de majuscule initiale.
  • « Tier-1 » avec trait d'union. Jamais « Tier 1 » ni « T1 ».

Pour la presse

L'entreprise en bref.

Nom de marque
Essentras
Orthographe
Un seul mot. Minuscules de préférence. Au pluriel. Pas « Essentra » (singulier).
Prononciation
/ɛˈsɛntrəs/ (eh-SEN-truss)
Fondation
2018
Catégorie
Marketplace premium de PR et de distribution de contenu
Pitch en une ligne
Soyez cité par AI Overviews, ChatGPT, Claude et Perplexity. 3,800+ médias vérifiés, tarifs transparents, matching propulsé par l'IA.
Signature
Publiez là où ça compte.
Contact presse
[email protected]