Create LinkedIn carousels in 2 minutes with AI. Text and design, generated together.
Une slide au format LinkedIn (4:5) et la page précédente en train de tourner. Le mark raconte le produit en une image : un carrousel, en mouvement, prêt à être swipé.
La slide. Un rectangle 4:5, le format natif des carrousels LinkedIn, en indigo plein. C'est l'objet que le produit fabrique.
La page. La slide précédente vue en perspective, tournée à 70°, légèrement bombée comme une feuille qui plie. C'est le geste : on feuillette.
La tranche. Un dernier éclat à 30 % pour suggérer que d'autres slides suivent. Elle disparaît sous 24 px, c'est voulu.
Les tons. Une seule couleur, trois opacités (100 / 60 / 30 %). Aucun dégradé, aucune ombre : le volume vient de la géométrie.
Toutes les proportions dérivent de la slide. Rien n'est posé à l'œil.
x = la moitié de la largeur de la slide. Rien n'entre dans cette zone : ni texte, ni autre logo, ni bord de page.
Largeur 38, hauteur 47,5 sur une grille de 64. Le ratio des carrousels LinkedIn.
Rayon des angles = 20 % de la largeur de la slide. Même règle pour l'icône app (22,7 %).
Hauteur proche 44, hauteur lointaine 26, bombé de 1 unité. Largeur projetée 11,5.
Mark seul : 16 px / 5 mm. Lockup horizontal : 120 px / 30 mm. Lockup empilé : 72 px / 20 mm.
Quatre versions du mark couvrent tous les fonds. On choisit celle qui donne le meilleur contraste, jamais une variante intermédiaire.
Version principale. Sur blanc, indigo 50 ou neutre 50/100.
Impression une couleur, tampon, gravure, documents.
Sur encre, neutre 800/900, photo sombre.
Sur indigo 500/600. Jamais le mark indigo sur fond indigo.
Tuile indigo, rayon 22,7 %, mark blanc à 81 %. Variante claire pour les listes d'apps sur fond sombre.
Sous 32 px on retire la tranche et la page passe à 70 % : le mark garde ses deux masses.
Sans transparence : page #A1A3F7, tranche #D0D1FB. À utiliser pour tout ce qui s'imprime.
Le wordmark est composé en Familjen Grotesk Bold, vectorisé : il ne dépend d'aucune police installée. L'interlettrage est resserré de 2 %.
Header, emails, documents, signatures. Cap-height du wordmark = 62 % de la slide, espace = 14 unités.
Cartes, bannières, écrans de démarrage. Deux lignes qui font exactement la hauteur de la slide.
Quand le mark est déjà présent ailleurs sur la surface (icône app, avatar).
Règle. Le mark seul est réservé aux surfaces où le nom est déjà connu : favicon, avatar, icône app, watermark. Partout ailleurs on utilise un lockup.
Une couleur de marque, l'indigo, et une gamme de neutres chauds. L'indigo est réservé aux actions, aux accents et au mark : il ne remplit jamais une page entière.
Le blanc porte, l'encre structure, l'indigo signale. Si une maquette est majoritairement indigo, elle est fausse.
Pour du texte courant en indigo, on utilise le 600. Le 500 est réservé au mark, aux aplats et aux textes ≥ 24 px.
Familjen Grotesk pour tout ce qui doit être lu en premier, Instrument Sans pour tout le reste. Deux familles, pas plus.
Bold 700 pour les titres et le wordmark, SemiBold 600 pour les sous-titres. Interlettrage -3 %. Toujours en casse de phrase.
Regular 400 pour le corps, Medium 500 pour l'interface, SemiBold 600 pour les labels. Déjà chargée dans l'app.
La marque parle comme un collègue qui a déjà publié 500 carrousels : direct, concret, jamais condescendant.
On dit "2 minutes", "7 slides", "5 crédits". Jamais "révolutionnez votre contenu".
Le sujet des phrases, c'est l'utilisateur. "Vous publiez", pas "notre IA génère".
Phrases de 20 mots, un point plutôt qu'un tiret, une idée par phrase. Même règle en français et en anglais.
Le kit appliqué aux surfaces réelles du produit. Chaque mise en situation respecte la zone de protection et les tailles minimales.
5 hooks that triple your carousel reach, tested on 400 posts. Swipe →
Text and design, generated together.
"5 hooks that triple your reach" has 7 slides and is waiting in your editor.
Open the editorHuit choses à ne jamais faire au mark. Si une situation n'est pas couverte ici, on revient à la version principale sur fond blanc.
Les valeurs prêtes à coller dans le code, et la liste des fichiers livrés.
:root {
--brand-500: #6366F1; /* mark, boutons primaires */
--brand-600: #4F46E5; /* texte indigo, liens, hover */
--brand-50: #EEF2FF; /* fonds teintés */
--brand-300: #A5B4FC; /* page du mark, print */
--brand-200: #C7D2FE; /* tranche du mark, print */
--ink: #1F1F23;
--neutral-50: #FAFAFA; --neutral-100: #F4F4F5;
--neutral-200:#E4E4E7; --neutral-500: #71717A;
--neutral-700:#3F3F46;
--font-display: "Familjen Grotesk", sans-serif;
--font-body: "Instrument Sans", system-ui, sans-serif;
--tracking-display: -0.03em;
--radius-mark: 20%; /* rayon = 0.2 × largeur */
}
Formats. Les SVG sont la source : wordmark vectorisé, aucune police requise. Les PNG sont exportés pour les plateformes qui n'acceptent pas le SVG (LinkedIn, App Store, OG). L'icône app est livrée en 1024 avec ses coins arrondis ; iOS et Android appliquent leur propre masque par-dessus, la géométrie reste correcte.