Guide de marque de YouMind
Sélectionné par
nene@YouMind
Pourquoi nous recommandons cette compétence
Cette compétence fournit un guide de marque complet, garantissant une identité visuelle cohérente pour les présentations YouMind. Elle détaille minutieusement les palettes de couleurs, la typographie, les systèmes de mise en page et des éléments uniques dessinés à la main, y compris des illustrations de personnages avec des accents bleus spécifiques. Parfaite pour maintenir une image de marque cohérente et professionnelle dans toutes les communications visuelles.
Instructions
## Palette de couleurs
### Couleurs primaires
**Arrière-plan**
- Couleur : `#f2f2f0`
- Description : Blanc cassé clair et neutre, épuré et minimaliste
- Utilisation : Tous les arrière-plans de diapositives sans exception
**Texte et lignes principaux**
- Couleur : `#2B2B2B` ou `#1A1A1A`
- Description : Gris très foncé, presque noir
- Utilisation : Tout le contenu textuel, les lignes de séparation des en-têtes, les contours géométriques, les contours des caractères
### Couleurs d'accentuation
**Bleu éclatant**
- Couleur : `#5B7FFF` (alternative : `#4D6FE8`)
- Description : Bleu moyen-brillant avec énergie
- Utilisation : Nœuds circulaires sur des formes géométriques, vêtements/écharpes de personnages, remplissage de boutons, points décoratifs
**Or mat**
- Couleur : `#C9B568` (alternative : `#D4C17A`)
- Description : Ton moutarde/doré chaud
- Utilisation : Nœuds circulaires sur des formes géométriques (alternant avec du bleu), accents décoratifs
### Règles d'application des couleurs
- L'arrière-plan est TOUJOURS `#E8E6E3`
- Le texte est TOUJOURS `#2B2B2B`
- Le bleu et l'or sont UNIQUEMENT utilisés pour les nœuds circulaires et les accents de caractères.
N’utilisez jamais le bleu ou l’or pour de grands aplats ou des couleurs de texte.
- Maintenir un contraste élevé entre le texte et l'arrière-plan
## Système typographique
### Familles de polices
**Police d'affichage principale : Roca Two (ou une police à empattements épaisse similaire)**
- Caractéristiques : Police à empattements audacieuse et conviviale, aux formes arrondies
- Poids : Gros/Lourd
- Utilisation : Tous les titres de diapositives, les titres principaux, les titres de section
- Conserver la même police
**Police secondaire : Poppins (ou Inter)**
- Caractéristiques : Police sans empattement moderne et épurée offrant une excellente lisibilité
- Poids : Régulier (400) pour le corps, Moyen (500) pour la mise en valeur
- Utilisation : Tout le texte courant, les sous-titres, les légendes, les numéros de page, le texte du logo
- conserver la même police
### Hiérarchie des tailles de police
**Titres extra larges** (Diapositives de couverture, séparateurs de sections principales)
- Police de caractères : **Roca Two**
- Taille : 72-96 pt
- Couleur : `#2B2B2B`
- Utilisation : « Titre principal », « Remerciements », « Ordre du jour »
**Titres principaux** (Titres des diapositives de contenu)
- Police de caractères : **Roca Two**
- Taille : 48-60 pt
- Couleur : `#2B2B2B`
- Utilisation : « Notre vision », « Positionnement de la marque », « Qu'est-ce qui vous préoccupe ? »
**Corps du texte** (Paragraphes, descriptions)
Police de caractères : Poppins Regular
- Taille : 18-24 pt
- Couleur : `#2B2B2B`
- Hauteur de ligne : 1,6-1,8
- Usage : Tout le contenu des paragraphes, descriptions
**Petits caractères** (Numéros de page, pied de page, légendes)
Police de caractères : Poppins Regular
- Taille : 16-18 pt
- Couleur : `#2B2B2B`
- Utilisation : « Page X », URL de sites web, adresses e-mail
**Texte du bouton/de la pilule**
Police de caractères : Poppins Regular ou Medium
- Taille : 20-24 pt
- Couleur : `#2B2B2B`
- Utilisation : Texte à l’intérieur des boutons ronds
### Règles de typographie
Ne mélangez jamais les polices à empattement ; utilisez uniquement **Roca Two** pour l’affichage.
- N'utilisez jamais d'empattements pour le corps du texte - seulement Poppins
- Maintenir une hauteur de ligne constante (1,6-1,8) pour une meilleure lisibilité
Tout le texte doit être au format `#2B2B2B`, sans exception.
- Espacement généreux entre les paragraphes (24-32 pt)
## Système de mise en page
### Structure de l'en-tête global
**Diapositive de couverture uniquement (page 1) :**
**Élément d'en-tête gauche :**
- Logo
- Taille : diamètre 32-40 pt
- Couleur : Contour noir `#2B2B2B`
- Position : à 60-80 px du bord gauche, à 60-80 px du haut
- Espacement : 12 à 16 px entre le logo et le texte
**Élément d'en-tête droit :**
Police : Poppins Regular, 16-18 pt
- Couleur : `#2B2B2B`
- Position : à 60-80 px du bord droit, à 60-80 px du haut
- Alignement : Aligné à droite
**Séparateur d'en-tête :**
- Ligne horizontale fine
- Poids : 1-2 pt
- Couleur : `#2B2B2B`
- Position : Sous les éléments d’en-tête, occupant toute la largeur avec les marges
- Marge à partir des bords : 60 à 80 px à gauche et à droite
**Diapositives de contenu (pages 2 à 4) et diapositive de clôture (page 5) :**
- Pas de logo YouMind
- Texte de la page X uniquement
- Position : Coin supérieur droit, centre inférieur ou autre emplacement discret
- Pas de ligne de séparation d'en-tête
- Plus d'espace vertical disponible pour le contenu
### Système de marge
**Marges standard :**
- Haut : 60-80 px (sous le séparateur d'en-tête, ajoutez 40-60 px supplémentaires)
- Bas : 60-80 px
- Gauche : 80-100 px
- Droite : 80-100 px
**Zone de contenu :**
- Après prise en compte de l'en-tête et des marges, la zone de contenu mesure environ 1200-1280px de large × 600-680px de haut (pour un format 16:9 à 1920×1080).
## Éléments visuels
### Formes géométriques dessinées à la main
**Conception de base :**
- Style : Imparfait, rectangles et carrés dessinés à la main
- Poids de la ligne : 2-3 pt
- Couleur : Noir `#2B2B2B`
- Qualité : Biologique, lignes légèrement ondulées (pas parfaitement droites)
- Connexion : Lignes reliant des formes à différents angles
**Nœuds circulaires :**
- Forme : Cercles parfaits
- Taille : diamètre 24-40 pt
- Remplissage : Couleur unie - soit `#5B7FFF` (bleu) soit `#C9B568` (or)
- Position : Aux points de connexion et aux angles des formes géométriques
- Motif : Alterner le bleu et l'or pour plus de variété
**Règles de placement :**
- Position dans les coins des diapositives (en haut à gauche, en haut à droite, en bas à gauche, en bas à droite)
- Ne jamais chevaucher le contenu textuel
- Maintenez une distance de 40 à 60 px par rapport aux zones de contenu.
- Créez un équilibre visuel : si le côté gauche comporte des formes, le côté droit devrait en avoir aussi.
- Agencement typique : 2 à 4 rectangles connectés avec 3 à 6 nœuds circulaires
### Boutons de pilule arrondis
**Spécifications techniques :**
- Forme : Rectangle arrondi (forme de pilule)
- Bordure : 2 pt noir uni `#2B2B2B`
- Remplissage : Transparent ou `#E8E6E3` (identique à l’arrière-plan)
- Rayon de bordure : Rayon de hauteur totale (pilule parfaite)
- Marge intérieure : 16 à 24 px horizontalement, 12 à 16 px verticalement
- Texte : Poppins Regular, 20-24 pt, `#2B2B2B`
**Usage:**
- Éléments de navigation sur les diapositives de l'agenda
- Boutons d'appel à l'action
- Étiquettes de section
- Toujours un contour, jamais rempli de couleur
**État de survol/actif (si interactif) :**
- Remplissage : `#5B7FFF` (bleu)
- Texte : Blanc `#FFFFFF`
- Bordure : `#5B7FFF`
### Grilles à points décoratives
**Caractéristiques:**
Points : Petits cercles de 3 à 4 points de diamètre
- Couleur : `#2B2B2B`
- Motif : Grille régulière, espacement de 12 à 16 px
- Agencement : grille 6×6 ou 8×8
- Position : Coin supérieur droit, à 100-150 px des bords
- Utilisation : Accent facultatif, ajoute un intérêt visuel sans surcharger la vue.
### Icônes (Utilisation minimale)
**Style:**
- Dessin au trait uniquement, sans remplissage
- Poids : 2-3 points
- Couleur : `#2B2B2B`
- Taille : 48-64 pt
- Exemples : Icône œil (vision), cible/réticule (mission)
- Utilisation : Avec parcimonie, uniquement pour renforcer des concepts spécifiques
## Système d'illustration des personnages
### Spécifications de conception des personnages
**Structure de base :**
Illustration minimaliste dessinée à la main, représentant un personnage humanoïde blanc. Ce personnage a une tête arrondie et allongée, deux petits points noirs pour les yeux et un nez pointu proéminent. Il n'a ni doigts ni orteils définis. Il porte une épaisse et longue écharpe bleue unie [optionnel : écharpe jaune moutarde] enroulée autour du cou, la queue retombant le long de son cou. Le style graphique utilise des contours épais et texturés au feutre noir et des aplats de couleur sans ombrage, sur un fond blanc cassé uni. Le personnage est [ce qui convient au contexte].
**Accent bleu (CRITIQUE) :**
- Élément : Écharpe, chemise ou vêtement
- Couleur : `#5B7FFF` (bleu vif)
- Style : Formes organiques fluides dessinées à la main
- Couverture : 15 à 25 % des caractères
- Objectif : Identité de marque, intérêt visuel, mouvement
**Cohérence du style :**
- Toujours dessiné à la main (lignes organiques et imparfaites)
- Toujours inclure un élément d'accentuation bleu
- Conserver la même épaisseur de trait pour tous les caractères
- Conserver des proportions constantes d'une pose à l'autre
### Directives pour l'illustration minimaliste
**La simplicité avant tout :**
- Veillez à ce que toutes les illustrations soient extrêmement simples et minimalistes.
- La hauteur des caractères ne doit PAS dépasser 120 pt (environ 10 à 12 % de la hauteur de la diapositive).
Les éléments géométriques doivent être petits et confinés aux angles uniquement.
- La surface totale des illustrations ne doit pas dépasser 15 % de la surface de la diapositive.
- Évitez les dessins complexes ou détaillés
**Espace et liberté de mouvement :**
- Conservez un espace blanc généreux tout au long de la diapositive.
- Le texte ne doit occuper que 50 à 55 % de la zone de contenu (généralement à gauche).
Le côté droit doit rester majoritairement vide pour une meilleure aération visuelle.
- Marges larges de tous côtés : minimum 100 px, de préférence 100 à 120 px
- Illustrations limitées au coin inférieur droit, à au moins 100 px des bords
**Équilibre de la mise en page :**
- Le centre de la diapositive doit être propre et vide.
- Évitez d'encombrer ou de remplir tout l'espace disponible
- Utilisez l'espace blanc de manière stratégique pour créer de la concentration et de la clarté
- Moins, c'est plus : supprimez les éléments visuels inutiles
- Privilégier la lisibilité et l'espace à la décoration
Description
Transformez n'importe quelle présentation avec le guide de marque de YouMind. Livrez des slides professionnels et conformes à votre marque avec une typographie, des couleurs et une mise en page cohérentes, captivant sans effort votre public à chaque fois.
Compétences associées
Tout voir
DiapositivesNéo-brutalisme développeur
Transformez votre contenu (thèmes, articles, concepts, analyses de projets, cours, présentations d'outils) en une série de slides horizontaux au style éditorial néo-brutaliste pour développeurs. Ce style combine l'esthétique néo-brutaliste, la mise en page de magazines indépendants et l'esthétique de terminal développeur : fond blanc cassé, bordures noires épaisses, ombres dures, blocs de couleurs à fort contraste, titres très gras, police monospace, et une mise en page modulaire de type web/terminal/carte, pour une expression visuelle forte du contenu technique. Cette compétence extrait d'abord la structure de votre contenu, puis détermine une idée centrale pour chaque slide, générant automatiquement titres, explications, modules de connaissances, conclusions et composants visuels adaptés. Elle est particulièrement adaptée pour les présentations d'outils IA, les pratiques Agent, les déconstructions de projets open source, l'organisation de cours, les synthèses méthodologiques, les explications de fonctionnalités produits et les analyses de projets. Le résultat final est un ensemble de slides horizontaux au format 16:9, visuellement cohérents, lisibles, avec une marge suffisante et un style marqué, produisant un effet d'expression avancé qui évoque à la fois un partage technique par un auteur de projet open source et un récit de magazine de design indépendant.
DiapositivesSteve Jobs Presentation
Basée sur la méthodologie en trois actes du livre « The Presentation Secrets of Steve Jobs » de Carmine Gallo, cette compétence transforme n'importe quel sujet en une présentation de style Steve Jobs. Elle s'adapte à divers types d'entrées : un sujet seul, un plan détaillé ou des références @. Elle produit d'abord un plan complet de présentation (structure narrative, disposition visuelle page par page, conseils d'orateur), puis génère le fichier Slides final après validation. Respecte strictement : titres à la Twitter, règle de trois, narration méchant-héros, design minimaliste zen, priorité aux images, pas de puces.
DiapositivesDesigner Pro PPT jeu pixel
Qui a dit qu'un PPT professionnel devait être sur fond blanc avec texte noir, des couleurs bleu-gris, et un modèle identique ? Si vous aimez les jeux vidéo, adorez le style pixel, et devez préparer une soutenance, un rapport, un partage de connaissances ou une proposition de marque — alors vous devez essayer ceci. Le Designer Pro PPT pixel game fait simple : le squelette est professionnel, la peau est pixel. Il ne s'agit pas de créer un 'PPT créatif pixel', mais un vrai PPT digne de toute situation professionnelle — simplement, ce PPT porte un manteau esthétique de jeu 16-bit. Philosophie de conception : séparation du squelette et de la peau. L'architecture de l'information, les chemins visuels, les modèles de page respectent les normes professionnelles ; les couleurs, les bordures, les icônes, les décorations respectent l'esthétique pixel commune. Le texte n'est jamais pixellisé, garantissant une lisibilité en 0,8 seconde ; les éléments pixel n'apparaissent que sur les fonds, les bordures, les icônes et les décorations d'ambiance. Aucun symbole exclusif d'un jeu spécifique n'est utilisé, seulement des symboles universels — bougie, livre, pièce, étoile, cœur, cristal — pour que tous les amateurs de pixel puissent l'utiliser. 🎮 Comment utiliser ? Deux modes, au choix : ① Mode génération directe (2 étapes) : Entrez le sujet/les matériaux → l'IA extrait et confirme le cadre → génération complète des images. Idéal pour les situations quotidiennes où le temps presse et où le contenu textuel n'a pas besoin d'être précis. ② Mode détaillé (3 étapes, économise des points) : Entrez le sujet/les matériaux → l'IA extrait et confirme le cadre → confirmation texte page par page → génération complète des images. Finalisez d'abord le texte de chaque page, puis générez toutes les images en une fois — évitez le gaspillage de points dû à 'les images sont générées mais le texte est erroné, il faut tout recommencer'. Utilisez ce mode pour les occasions importantes, pour contrôler précisément le contenu et économiser. 🏰 Quatre scénarios professionnels avec profondeur d'infiltration adaptative : Soutenance académique — infiltration légère principalement, infiltration moyenne sur la couverture, points d'ancrage d'infiltration profonde sur les pages de données. Les jurés comprennent d'un coup d'œil, et sont impressionnés en tournant les pages clés. Rapport de travail — infiltration légère + infiltration moyenne sur les pages d'indicateurs, les pages de risques ne sont pas pixellisées. Le patron voit le professionnalisme, les collègues se souviennent du style. Partage de connaissances — infiltration moyenne principalement + infiltration profonde par recette de synthèse. Remplacez les diagrammes ennuyeux par des 'recettes de synthèse', pour que les connaissances soient mémorisées comme des objets de jeu. Proposition de marque — adaptation en fonction de la température de la marque. Les marques froides limitent le pixel, les marques chaleureuses embrassent le scénario. 🎨 Ce que vous obtiendrez : ① Un PPT professionnel complet de style pixel (format YouMind Slides, vous pouvez continuer à modifier le texte, ajuster la mise en page, gérer l'ordre des pages dans l'éditeur en ligne — modifiez à tout moment si insatisfait. Il est recommandé d'effectuer toutes les modifications dans YouMind, l'exportation locale se fait au format image). ② Système de bordure en bois à trois couches pixel (cercle extérieur #5C3A1E + cercle intérieur #8B5E3C + remplissage #F5E6D3, langage visuel unifié pour l'ensemble). ③ Infographie de recette de synthèse originale (grille de matériaux → cercle de synthèse → grille de produit fini, remplace les diagrammes traditionnels, point d'ancrage visuel compris instantanément par les joueurs de RPG). ④ Rythme d'infiltration adaptatif aux quatre scénarios (pas de pixel à chaque page, mais en fonction de l'intensité nécessaire). ⑤ Conception à deux modes (génération directe au quotidien, peaufinage pour les occasions importantes, finalisation du texte avant génération pour économiser des points). 399 points, pour que votre contenu professionnel revête une armure 16-bit. Les amateurs de style pixel savent combien vaut cette armure.
Guide de marque de YouMind
Sélectionné par
nene@YouMind
Pourquoi nous recommandons cette compétence
Cette compétence fournit un guide de marque complet, garantissant une identité visuelle cohérente pour les présentations YouMind. Elle détaille minutieusement les palettes de couleurs, la typographie, les systèmes de mise en page et des éléments uniques dessinés à la main, y compris des illustrations de personnages avec des accents bleus spécifiques. Parfaite pour maintenir une image de marque cohérente et professionnelle dans toutes les communications visuelles.
Instructions
## Palette de couleurs
### Couleurs primaires
**Arrière-plan**
- Couleur : `#f2f2f0`
- Description : Blanc cassé clair et neutre, épuré et minimaliste
- Utilisation : Tous les arrière-plans de diapositives sans exception
**Texte et lignes principaux**
- Couleur : `#2B2B2B` ou `#1A1A1A`
- Description : Gris très foncé, presque noir
- Utilisation : Tout le contenu textuel, les lignes de séparation des en-têtes, les contours géométriques, les contours des caractères
### Couleurs d'accentuation
**Bleu éclatant**
- Couleur : `#5B7FFF` (alternative : `#4D6FE8`)
- Description : Bleu moyen-brillant avec énergie
- Utilisation : Nœuds circulaires sur des formes géométriques, vêtements/écharpes de personnages, remplissage de boutons, points décoratifs
**Or mat**
- Couleur : `#C9B568` (alternative : `#D4C17A`)
- Description : Ton moutarde/doré chaud
- Utilisation : Nœuds circulaires sur des formes géométriques (alternant avec du bleu), accents décoratifs
### Règles d'application des couleurs
- L'arrière-plan est TOUJOURS `#E8E6E3`
- Le texte est TOUJOURS `#2B2B2B`
- Le bleu et l'or sont UNIQUEMENT utilisés pour les nœuds circulaires et les accents de caractères.
N’utilisez jamais le bleu ou l’or pour de grands aplats ou des couleurs de texte.
- Maintenir un contraste élevé entre le texte et l'arrière-plan
## Système typographique
### Familles de polices
**Police d'affichage principale : Roca Two (ou une police à empattements épaisse similaire)**
- Caractéristiques : Police à empattements audacieuse et conviviale, aux formes arrondies
- Poids : Gros/Lourd
- Utilisation : Tous les titres de diapositives, les titres principaux, les titres de section
- Conserver la même police
**Police secondaire : Poppins (ou Inter)**
- Caractéristiques : Police sans empattement moderne et épurée offrant une excellente lisibilité
- Poids : Régulier (400) pour le corps, Moyen (500) pour la mise en valeur
- Utilisation : Tout le texte courant, les sous-titres, les légendes, les numéros de page, le texte du logo
- conserver la même police
### Hiérarchie des tailles de police
**Titres extra larges** (Diapositives de couverture, séparateurs de sections principales)
- Police de caractères : **Roca Two**
- Taille : 72-96 pt
- Couleur : `#2B2B2B`
- Utilisation : « Titre principal », « Remerciements », « Ordre du jour »
**Titres principaux** (Titres des diapositives de contenu)
- Police de caractères : **Roca Two**
- Taille : 48-60 pt
- Couleur : `#2B2B2B`
- Utilisation : « Notre vision », « Positionnement de la marque », « Qu'est-ce qui vous préoccupe ? »
**Corps du texte** (Paragraphes, descriptions)
Police de caractères : Poppins Regular
- Taille : 18-24 pt
- Couleur : `#2B2B2B`
- Hauteur de ligne : 1,6-1,8
- Usage : Tout le contenu des paragraphes, descriptions
**Petits caractères** (Numéros de page, pied de page, légendes)
Police de caractères : Poppins Regular
- Taille : 16-18 pt
- Couleur : `#2B2B2B`
- Utilisation : « Page X », URL de sites web, adresses e-mail
**Texte du bouton/de la pilule**
Police de caractères : Poppins Regular ou Medium
- Taille : 20-24 pt
- Couleur : `#2B2B2B`
- Utilisation : Texte à l’intérieur des boutons ronds
### Règles de typographie
Ne mélangez jamais les polices à empattement ; utilisez uniquement **Roca Two** pour l’affichage.
- N'utilisez jamais d'empattements pour le corps du texte - seulement Poppins
- Maintenir une hauteur de ligne constante (1,6-1,8) pour une meilleure lisibilité
Tout le texte doit être au format `#2B2B2B`, sans exception.
- Espacement généreux entre les paragraphes (24-32 pt)
## Système de mise en page
### Structure de l'en-tête global
**Diapositive de couverture uniquement (page 1) :**
**Élément d'en-tête gauche :**
- Logo
- Taille : diamètre 32-40 pt
- Couleur : Contour noir `#2B2B2B`
- Position : à 60-80 px du bord gauche, à 60-80 px du haut
- Espacement : 12 à 16 px entre le logo et le texte
**Élément d'en-tête droit :**
Police : Poppins Regular, 16-18 pt
- Couleur : `#2B2B2B`
- Position : à 60-80 px du bord droit, à 60-80 px du haut
- Alignement : Aligné à droite
**Séparateur d'en-tête :**
- Ligne horizontale fine
- Poids : 1-2 pt
- Couleur : `#2B2B2B`
- Position : Sous les éléments d’en-tête, occupant toute la largeur avec les marges
- Marge à partir des bords : 60 à 80 px à gauche et à droite
**Diapositives de contenu (pages 2 à 4) et diapositive de clôture (page 5) :**
- Pas de logo YouMind
- Texte de la page X uniquement
- Position : Coin supérieur droit, centre inférieur ou autre emplacement discret
- Pas de ligne de séparation d'en-tête
- Plus d'espace vertical disponible pour le contenu
### Système de marge
**Marges standard :**
- Haut : 60-80 px (sous le séparateur d'en-tête, ajoutez 40-60 px supplémentaires)
- Bas : 60-80 px
- Gauche : 80-100 px
- Droite : 80-100 px
**Zone de contenu :**
- Après prise en compte de l'en-tête et des marges, la zone de contenu mesure environ 1200-1280px de large × 600-680px de haut (pour un format 16:9 à 1920×1080).
## Éléments visuels
### Formes géométriques dessinées à la main
**Conception de base :**
- Style : Imparfait, rectangles et carrés dessinés à la main
- Poids de la ligne : 2-3 pt
- Couleur : Noir `#2B2B2B`
- Qualité : Biologique, lignes légèrement ondulées (pas parfaitement droites)
- Connexion : Lignes reliant des formes à différents angles
**Nœuds circulaires :**
- Forme : Cercles parfaits
- Taille : diamètre 24-40 pt
- Remplissage : Couleur unie - soit `#5B7FFF` (bleu) soit `#C9B568` (or)
- Position : Aux points de connexion et aux angles des formes géométriques
- Motif : Alterner le bleu et l'or pour plus de variété
**Règles de placement :**
- Position dans les coins des diapositives (en haut à gauche, en haut à droite, en bas à gauche, en bas à droite)
- Ne jamais chevaucher le contenu textuel
- Maintenez une distance de 40 à 60 px par rapport aux zones de contenu.
- Créez un équilibre visuel : si le côté gauche comporte des formes, le côté droit devrait en avoir aussi.
- Agencement typique : 2 à 4 rectangles connectés avec 3 à 6 nœuds circulaires
### Boutons de pilule arrondis
**Spécifications techniques :**
- Forme : Rectangle arrondi (forme de pilule)
- Bordure : 2 pt noir uni `#2B2B2B`
- Remplissage : Transparent ou `#E8E6E3` (identique à l’arrière-plan)
- Rayon de bordure : Rayon de hauteur totale (pilule parfaite)
- Marge intérieure : 16 à 24 px horizontalement, 12 à 16 px verticalement
- Texte : Poppins Regular, 20-24 pt, `#2B2B2B`
**Usage:**
- Éléments de navigation sur les diapositives de l'agenda
- Boutons d'appel à l'action
- Étiquettes de section
- Toujours un contour, jamais rempli de couleur
**État de survol/actif (si interactif) :**
- Remplissage : `#5B7FFF` (bleu)
- Texte : Blanc `#FFFFFF`
- Bordure : `#5B7FFF`
### Grilles à points décoratives
**Caractéristiques:**
Points : Petits cercles de 3 à 4 points de diamètre
- Couleur : `#2B2B2B`
- Motif : Grille régulière, espacement de 12 à 16 px
- Agencement : grille 6×6 ou 8×8
- Position : Coin supérieur droit, à 100-150 px des bords
- Utilisation : Accent facultatif, ajoute un intérêt visuel sans surcharger la vue.
### Icônes (Utilisation minimale)
**Style:**
- Dessin au trait uniquement, sans remplissage
- Poids : 2-3 points
- Couleur : `#2B2B2B`
- Taille : 48-64 pt
- Exemples : Icône œil (vision), cible/réticule (mission)
- Utilisation : Avec parcimonie, uniquement pour renforcer des concepts spécifiques
## Système d'illustration des personnages
### Spécifications de conception des personnages
**Structure de base :**
Illustration minimaliste dessinée à la main, représentant un personnage humanoïde blanc. Ce personnage a une tête arrondie et allongée, deux petits points noirs pour les yeux et un nez pointu proéminent. Il n'a ni doigts ni orteils définis. Il porte une épaisse et longue écharpe bleue unie [optionnel : écharpe jaune moutarde] enroulée autour du cou, la queue retombant le long de son cou. Le style graphique utilise des contours épais et texturés au feutre noir et des aplats de couleur sans ombrage, sur un fond blanc cassé uni. Le personnage est [ce qui convient au contexte].
**Accent bleu (CRITIQUE) :**
- Élément : Écharpe, chemise ou vêtement
- Couleur : `#5B7FFF` (bleu vif)
- Style : Formes organiques fluides dessinées à la main
- Couverture : 15 à 25 % des caractères
- Objectif : Identité de marque, intérêt visuel, mouvement
**Cohérence du style :**
- Toujours dessiné à la main (lignes organiques et imparfaites)
- Toujours inclure un élément d'accentuation bleu
- Conserver la même épaisseur de trait pour tous les caractères
- Conserver des proportions constantes d'une pose à l'autre
### Directives pour l'illustration minimaliste
**La simplicité avant tout :**
- Veillez à ce que toutes les illustrations soient extrêmement simples et minimalistes.
- La hauteur des caractères ne doit PAS dépasser 120 pt (environ 10 à 12 % de la hauteur de la diapositive).
Les éléments géométriques doivent être petits et confinés aux angles uniquement.
- La surface totale des illustrations ne doit pas dépasser 15 % de la surface de la diapositive.
- Évitez les dessins complexes ou détaillés
**Espace et liberté de mouvement :**
- Conservez un espace blanc généreux tout au long de la diapositive.
- Le texte ne doit occuper que 50 à 55 % de la zone de contenu (généralement à gauche).
Le côté droit doit rester majoritairement vide pour une meilleure aération visuelle.
- Marges larges de tous côtés : minimum 100 px, de préférence 100 à 120 px
- Illustrations limitées au coin inférieur droit, à au moins 100 px des bords
**Équilibre de la mise en page :**
- Le centre de la diapositive doit être propre et vide.
- Évitez d'encombrer ou de remplir tout l'espace disponible
- Utilisez l'espace blanc de manière stratégique pour créer de la concentration et de la clarté
- Moins, c'est plus : supprimez les éléments visuels inutiles
- Privilégier la lisibilité et l'espace à la décoration
Description
Transformez n'importe quelle présentation avec le guide de marque de YouMind. Livrez des slides professionnels et conformes à votre marque avec une typographie, des couleurs et une mise en page cohérentes, captivant sans effort votre public à chaque fois.
Compétences associées
Tout voirDiapositivesNéo-brutalisme développeur
Transformez votre contenu (thèmes, articles, concepts, analyses de projets, cours, présentations d'outils) en une série de slides horizontaux au style éditorial néo-brutaliste pour développeurs. Ce style combine l'esthétique néo-brutaliste, la mise en page de magazines indépendants et l'esthétique de terminal développeur : fond blanc cassé, bordures noires épaisses, ombres dures, blocs de couleurs à fort contraste, titres très gras, police monospace, et une mise en page modulaire de type web/terminal/carte, pour une expression visuelle forte du contenu technique. Cette compétence extrait d'abord la structure de votre contenu, puis détermine une idée centrale pour chaque slide, générant automatiquement titres, explications, modules de connaissances, conclusions et composants visuels adaptés. Elle est particulièrement adaptée pour les présentations d'outils IA, les pratiques Agent, les déconstructions de projets open source, l'organisation de cours, les synthèses méthodologiques, les explications de fonctionnalités produits et les analyses de projets. Le résultat final est un ensemble de slides horizontaux au format 16:9, visuellement cohérents, lisibles, avec une marge suffisante et un style marqué, produisant un effet d'expression avancé qui évoque à la fois un partage technique par un auteur de projet open source et un récit de magazine de design indépendant.
DiapositivesSteve Jobs Presentation
Basée sur la méthodologie en trois actes du livre « The Presentation Secrets of Steve Jobs » de Carmine Gallo, cette compétence transforme n'importe quel sujet en une présentation de style Steve Jobs. Elle s'adapte à divers types d'entrées : un sujet seul, un plan détaillé ou des références @. Elle produit d'abord un plan complet de présentation (structure narrative, disposition visuelle page par page, conseils d'orateur), puis génère le fichier Slides final après validation. Respecte strictement : titres à la Twitter, règle de trois, narration méchant-héros, design minimaliste zen, priorité aux images, pas de puces.
DiapositivesDesigner Pro PPT jeu pixel
Qui a dit qu'un PPT professionnel devait être sur fond blanc avec texte noir, des couleurs bleu-gris, et un modèle identique ? Si vous aimez les jeux vidéo, adorez le style pixel, et devez préparer une soutenance, un rapport, un partage de connaissances ou une proposition de marque — alors vous devez essayer ceci. Le Designer Pro PPT pixel game fait simple : le squelette est professionnel, la peau est pixel. Il ne s'agit pas de créer un 'PPT créatif pixel', mais un vrai PPT digne de toute situation professionnelle — simplement, ce PPT porte un manteau esthétique de jeu 16-bit. Philosophie de conception : séparation du squelette et de la peau. L'architecture de l'information, les chemins visuels, les modèles de page respectent les normes professionnelles ; les couleurs, les bordures, les icônes, les décorations respectent l'esthétique pixel commune. Le texte n'est jamais pixellisé, garantissant une lisibilité en 0,8 seconde ; les éléments pixel n'apparaissent que sur les fonds, les bordures, les icônes et les décorations d'ambiance. Aucun symbole exclusif d'un jeu spécifique n'est utilisé, seulement des symboles universels — bougie, livre, pièce, étoile, cœur, cristal — pour que tous les amateurs de pixel puissent l'utiliser. 🎮 Comment utiliser ? Deux modes, au choix : ① Mode génération directe (2 étapes) : Entrez le sujet/les matériaux → l'IA extrait et confirme le cadre → génération complète des images. Idéal pour les situations quotidiennes où le temps presse et où le contenu textuel n'a pas besoin d'être précis. ② Mode détaillé (3 étapes, économise des points) : Entrez le sujet/les matériaux → l'IA extrait et confirme le cadre → confirmation texte page par page → génération complète des images. Finalisez d'abord le texte de chaque page, puis générez toutes les images en une fois — évitez le gaspillage de points dû à 'les images sont générées mais le texte est erroné, il faut tout recommencer'. Utilisez ce mode pour les occasions importantes, pour contrôler précisément le contenu et économiser. 🏰 Quatre scénarios professionnels avec profondeur d'infiltration adaptative : Soutenance académique — infiltration légère principalement, infiltration moyenne sur la couverture, points d'ancrage d'infiltration profonde sur les pages de données. Les jurés comprennent d'un coup d'œil, et sont impressionnés en tournant les pages clés. Rapport de travail — infiltration légère + infiltration moyenne sur les pages d'indicateurs, les pages de risques ne sont pas pixellisées. Le patron voit le professionnalisme, les collègues se souviennent du style. Partage de connaissances — infiltration moyenne principalement + infiltration profonde par recette de synthèse. Remplacez les diagrammes ennuyeux par des 'recettes de synthèse', pour que les connaissances soient mémorisées comme des objets de jeu. Proposition de marque — adaptation en fonction de la température de la marque. Les marques froides limitent le pixel, les marques chaleureuses embrassent le scénario. 🎨 Ce que vous obtiendrez : ① Un PPT professionnel complet de style pixel (format YouMind Slides, vous pouvez continuer à modifier le texte, ajuster la mise en page, gérer l'ordre des pages dans l'éditeur en ligne — modifiez à tout moment si insatisfait. Il est recommandé d'effectuer toutes les modifications dans YouMind, l'exportation locale se fait au format image). ② Système de bordure en bois à trois couches pixel (cercle extérieur #5C3A1E + cercle intérieur #8B5E3C + remplissage #F5E6D3, langage visuel unifié pour l'ensemble). ③ Infographie de recette de synthèse originale (grille de matériaux → cercle de synthèse → grille de produit fini, remplace les diagrammes traditionnels, point d'ancrage visuel compris instantanément par les joueurs de RPG). ④ Rythme d'infiltration adaptatif aux quatre scénarios (pas de pixel à chaque page, mais en fonction de l'intensité nécessaire). ⑤ Conception à deux modes (génération directe au quotidien, peaufinage pour les occasions importantes, finalisation du texte avant génération pour économiser des points). 399 points, pour que votre contenu professionnel revête une armure 16-bit. Les amateurs de style pixel savent combien vaut cette armure.
Trouve ta prochaine compétence préférée
Explore d'autres compétences IA sélectionnées pour la recherche, la création et le travail quotidien.