Bannière LinkedIn

Page entreprise Gradly

Scope

Une seule bannière LinkedIn est produite : celle de la page entreprise Gradly. Le profil personnel de Pierre reste agnostique (pas de marque imposée sur le profil perso, sauf photo/banner choisis librement).

Paramètre	Valeur
Plateforme	LinkedIn — page entreprise
Dimensions	1128 × 191 px (format officiel LinkedIn)
Format	PNG ou JPEG
Poids cible	< 1 Mo

Fichier officiel

Télécharger la bannière (linkedin-banner.svg, 208 Ko)

Fichier auto-généré depuis le script npm run brand:assets. Contenu : logo monochrome blanc + baseline + sous-titre + URL, sur fond gradient de marque avec radial lights.

Votre outil. Votre poste. Vos données.

Logiciel de suivi des compétences pour CFA et organismes de formation

GRADLY.FR

Aperçu réel à 1128×191 (dimensions exactes LinkedIn)

Contenu

La bannière porte la baseline de marque sur fond gradient, avec le logo en monochrome blanc et l’URL en petit.

Éléments

Fond

Gradient violet-bleu reprenant l’identité Cover du brandbook :

background:
  radial-gradient(circle at 25% 30%, rgba(139, 92, 246, 0.6), transparent 45%),
  radial-gradient(circle at 75% 70%, rgba(59, 130, 246, 0.6), transparent 45%),
  linear-gradient(140deg, #1e3a8a 0%, #312e81 50%, #4c1d95 100%);

Logo Gradly

Version monochrome blanche (à produire — cf. 4.1 Logo). En attendant, utiliser le wordmark “Gradly” en texte Inter extrabold blanc, 28 à 36 px.

Texte central

La baseline « Votre outil. Votre poste. Vos données. » en blanc, Inter font-weight 600, taille 18 à 24 px selon la largeur disponible.

URL en coin

gradly.fr en petit (12 à 14 px), blanc à 70 % d’opacité, placé en bas à droite ou à droite du texte.

Do’s & Don’ts

✓À FAIRE

Gradient marque en fond (violet-bleu)
Baseline officielle en texte principal
Logo monochrome blanc (quand produit)
Contraste vérifié : texte blanc sur fond foncé

✗À NE PAS FAIRE

Photo de décors (bureau, apprenants, CFA)
Reformulation de la baseline
Tagline marketing agressive type « Le meilleur LMS »
Emojis ou icônes décoratives
Chiffres commerciaux (« 3000 CFA en France ») dans la bannière

Production et modifications

Le fichier officiel est généré automatiquement par le script scripts/build-brand-assets.mjs. Pour modifier la bannière (changement de baseline, d’accroche secondaire, de palette), éditer directement le SVG template dans le script puis relancer :

npm run brand:assets

Si besoin d’un PNG

LinkedIn accepte les SVG uploadés via la page entreprise, mais si un PNG est requis (certains workflows tiers), le SVG se convertit facilement :

Inkscape CLI : inkscape linkedin-banner.svg --export-type=png --export-width=1128
En ligne : CloudConvert, SVG to PNG
Figma : import SVG + export PNG 1128×191

Outils pour produire une variante

Figma (vectoriel, collaboratif) — à privilégier pour un redesign complet
Canva (rapide, templates tout faits à adapter)
Photoshop / Affinity si besoin d’effets plus raffinés

Storage

La bannière finale est stockée dans public/brand/assets/exports/linkedin-banner.svg pour versioning et référence future. Le script de génération est dans scripts/build-brand-assets.mjs.