Profil créatif
Transformez votre marque personnelle en un site web minimaliste et percutant. Un design professionnel, des mises en page stratégiques et une esthétique captivante, conçus instantanément pour mettre en valeur votre expertise.
Featured by
nene@YouMind.AI
Why we love this skill
Concevez des sites web personnels minimalistes et percutants qui reflètent une image de marque à la fois professionnelle et créative. Cette expertise vous permet de traduire votre vision en une présence en ligne élégante et réactive, dotée d'une typographie sur mesure, d'une palette de couleurs dynamiques et d'une hiérarchie de contenu claire. Idéal pour les stratèges de marque et les créatifs qui souhaitent mettre en valeur leur identité visuelle unique.
Instructions
Créez un site web personnel moderne et minimaliste, inspiré par le design visuel des stratèges de marque professionnels :
**Style général**
- Un design minimaliste avec de généreux espaces blancs et une bonne aération du contenu
- Professionnelle et créative, incarnant l'image d'une stratège de marque
- Mise en page adaptative pour les ordinateurs de bureau et les appareils mobiles
**Palette de couleurs**
- Fond : Crème chaude/blanc cassé (#FFFEF9)
- Couleur principale : Rose vif/magenta (#FF1493) pour les titres et les appels à l'action importants
- Couleur secondaire : bleu clair/cyan (#00CED1) pour les étiquettes et les catégories
- Couleur du texte : Noir profond (#1a1a1a) pour le corps du texte, garantissant une lisibilité optimale
**Conception typographique**
- Titres en gras extra-larges : Nom divisé en deux lignes utilisant des polices sans empattement ultra-gras (comme Inter Black/Helvetica Black), taille de police minimale de 80 px
- Intitulé du poste en rose vif, police de 60 à 80 px
- Texte principal en police sans empattement épurée de 16 à 18 px
- Système de grille strict avec une disposition à deux ou trois colonnes
Utilisez des lignes fines (1 px) pour séparer les différentes zones de contenu.
**Structure de la page**
1. Section Héros :
- Côté gauche : Nom et titre extra-larges (séparés en deux lignes) + intitulé du poste (en rose)
- Côté droit : Photo de profil circulaire avec bordure colorée
- En bas : Bref énoncé de mission personnelle
2. Section Informations de contact :
- Liens vers le téléphone, l'e-mail et le site web
- Surligné en rose ou en bleu
3. Section Expérience professionnelle :
- À gauche : Étiquettes des périodes (utilisant des couleurs d'accentuation)
- À droite : Intitulés des postes (en italique) + descriptions détaillées
- Hiérarchie visuelle claire
4. Section Éducation :
- Même mise en page à deux colonnes
- Période + établissement + diplôme
5. Section Compétences/Langues :
- Étiquettes de catégorie par blocs de couleur
- Affichage en grille
**Éléments visuels**
- Photo de profil circulaire avec bordure rose ou dégradée
- En-têtes de catégories de type étiquette (comme « EXPÉRIENCE PROFESSIONNELLE ») en couleurs d'accentuation
- Bouton flottant (coin inférieur droit pour revenir en haut) dans un cercle noir
- Effets de survol subtils sur tous les éléments interactifs
**Recommandations de polices**
- Titres : Inter Black, Helvetica Neue Bold ou Montserrat ExtraBold
- Corps du texte : Inter Regular, Helvetica Neue ou System UI
**Détails de l'interaction**
- Défilement fluide
- Animation de survol des liens avec changement de couleur ou soulignement
- Menu de navigation adaptatif
- Animation de chargement propre et élégante
**Contenu requis**
- Biographie personnelle mettant l'accent sur « une décennie d'expérience », « stratégie et narration » et autres mots-clés similaires
- Expérience professionnelle mettant en évidence des réalisations et des indicateurs spécifiques (comme « croissance de 200 %) »
- Présenter les collaborations avec des marques/institutions de renom
- Maîtrise des langues et compétences professionnelles clairement catégorisées
Veuillez générer le code HTML/CSS/JavaScript complet, en veillant à ce que le design soit professionnel, moderne et reflète pleinement les caractéristiques de la marque personnelle.
Related Skills
View allSystème d'évaluation des pages Web HTML
Permettez à votre équipe d'annoter directement les éléments de vos pages web dans le navigateur. Aucune configuration requise : reconnaissance automatique, génération intelligente de suggestions de modification par l'IA et exportation de rapports de révision directement exploitables par l'assistant de programmation IA. 🔥 Fonctionnalités clés : ⚡ Démarrage en 30 secondes : fournissez simplement un thème, et une page web avec système de révision est générée automatiquement. 🤖 Intelligence artificielle : saisissez « police trop petite », et l'IA suggère automatiquement de passer à la police PingFang SC de 18 px. 💾 Conservation garantie : les commentaires sont automatiquement enregistrés dans IndexedDB et peuvent être restaurés en actualisant la page. 📊 Collaboration d'équipe : 5 rôles (produit/design/développement/édition/opérations) avec code couleur. 🎯 Positionnement précis : cliquez sur les titres, boutons, icônes et arrière-plans pour cibler chaque élément enfant.
StoryCanvas
Il aide les créateurs à transformer des références esthétiques existantes en spécifications de style JSON narratives réutilisables et organisées en pages, grâce à de multiples cycles de vérification.
Être PDF
Ce logiciel convertit les contenus de référence tels que les articles, les rapports, les notes, le Markdown et le texte extrait des PDF en fichiers HTML A4 de qualité d'impression. Il sélectionne automatiquement les couleurs d'accentuation en fonction du thème du contenu, intègre des illustrations minimalistes au trait dessinées à la main au format SVG, corrige automatiquement les problèmes d'impression (pages blanches, lignes orphelines, éléments tronqués) lors de l'exportation des PDF, et ouvre directement le PDF dans un panneau de dessin à la dernière étape, permettant ainsi aux utilisateurs de visualiser, d'imprimer ou d'exporter les PDF sans avoir à copier-coller de code.
Profil créatif
Transformez votre marque personnelle en un site web minimaliste et percutant. Un design professionnel, des mises en page stratégiques et une esthétique captivante, conçus instantanément pour mettre en valeur votre expertise.
Featured by
nene@YouMind.AI
Why we love this skill
Concevez des sites web personnels minimalistes et percutants qui reflètent une image de marque à la fois professionnelle et créative. Cette expertise vous permet de traduire votre vision en une présence en ligne élégante et réactive, dotée d'une typographie sur mesure, d'une palette de couleurs dynamiques et d'une hiérarchie de contenu claire. Idéal pour les stratèges de marque et les créatifs qui souhaitent mettre en valeur leur identité visuelle unique.
Instructions
Créez un site web personnel moderne et minimaliste, inspiré par le design visuel des stratèges de marque professionnels :
**Style général**
- Un design minimaliste avec de généreux espaces blancs et une bonne aération du contenu
- Professionnelle et créative, incarnant l'image d'une stratège de marque
- Mise en page adaptative pour les ordinateurs de bureau et les appareils mobiles
**Palette de couleurs**
- Fond : Crème chaude/blanc cassé (#FFFEF9)
- Couleur principale : Rose vif/magenta (#FF1493) pour les titres et les appels à l'action importants
- Couleur secondaire : bleu clair/cyan (#00CED1) pour les étiquettes et les catégories
- Couleur du texte : Noir profond (#1a1a1a) pour le corps du texte, garantissant une lisibilité optimale
**Conception typographique**
- Titres en gras extra-larges : Nom divisé en deux lignes utilisant des polices sans empattement ultra-gras (comme Inter Black/Helvetica Black), taille de police minimale de 80 px
- Intitulé du poste en rose vif, police de 60 à 80 px
- Texte principal en police sans empattement épurée de 16 à 18 px
- Système de grille strict avec une disposition à deux ou trois colonnes
Utilisez des lignes fines (1 px) pour séparer les différentes zones de contenu.
**Structure de la page**
1. Section Héros :
- Côté gauche : Nom et titre extra-larges (séparés en deux lignes) + intitulé du poste (en rose)
- Côté droit : Photo de profil circulaire avec bordure colorée
- En bas : Bref énoncé de mission personnelle
2. Section Informations de contact :
- Liens vers le téléphone, l'e-mail et le site web
- Surligné en rose ou en bleu
3. Section Expérience professionnelle :
- À gauche : Étiquettes des périodes (utilisant des couleurs d'accentuation)
- À droite : Intitulés des postes (en italique) + descriptions détaillées
- Hiérarchie visuelle claire
4. Section Éducation :
- Même mise en page à deux colonnes
- Période + établissement + diplôme
5. Section Compétences/Langues :
- Étiquettes de catégorie par blocs de couleur
- Affichage en grille
**Éléments visuels**
- Photo de profil circulaire avec bordure rose ou dégradée
- En-têtes de catégories de type étiquette (comme « EXPÉRIENCE PROFESSIONNELLE ») en couleurs d'accentuation
- Bouton flottant (coin inférieur droit pour revenir en haut) dans un cercle noir
- Effets de survol subtils sur tous les éléments interactifs
**Recommandations de polices**
- Titres : Inter Black, Helvetica Neue Bold ou Montserrat ExtraBold
- Corps du texte : Inter Regular, Helvetica Neue ou System UI
**Détails de l'interaction**
- Défilement fluide
- Animation de survol des liens avec changement de couleur ou soulignement
- Menu de navigation adaptatif
- Animation de chargement propre et élégante
**Contenu requis**
- Biographie personnelle mettant l'accent sur « une décennie d'expérience », « stratégie et narration » et autres mots-clés similaires
- Expérience professionnelle mettant en évidence des réalisations et des indicateurs spécifiques (comme « croissance de 200 %) »
- Présenter les collaborations avec des marques/institutions de renom
- Maîtrise des langues et compétences professionnelles clairement catégorisées
Veuillez générer le code HTML/CSS/JavaScript complet, en veillant à ce que le design soit professionnel, moderne et reflète pleinement les caractéristiques de la marque personnelle.
Related Skills
View allSystème d'évaluation des pages Web HTML
Permettez à votre équipe d'annoter directement les éléments de vos pages web dans le navigateur. Aucune configuration requise : reconnaissance automatique, génération intelligente de suggestions de modification par l'IA et exportation de rapports de révision directement exploitables par l'assistant de programmation IA. 🔥 Fonctionnalités clés : ⚡ Démarrage en 30 secondes : fournissez simplement un thème, et une page web avec système de révision est générée automatiquement. 🤖 Intelligence artificielle : saisissez « police trop petite », et l'IA suggère automatiquement de passer à la police PingFang SC de 18 px. 💾 Conservation garantie : les commentaires sont automatiquement enregistrés dans IndexedDB et peuvent être restaurés en actualisant la page. 📊 Collaboration d'équipe : 5 rôles (produit/design/développement/édition/opérations) avec code couleur. 🎯 Positionnement précis : cliquez sur les titres, boutons, icônes et arrière-plans pour cibler chaque élément enfant.
StoryCanvas
Il aide les créateurs à transformer des références esthétiques existantes en spécifications de style JSON narratives réutilisables et organisées en pages, grâce à de multiples cycles de vérification.
Être PDF
Ce logiciel convertit les contenus de référence tels que les articles, les rapports, les notes, le Markdown et le texte extrait des PDF en fichiers HTML A4 de qualité d'impression. Il sélectionne automatiquement les couleurs d'accentuation en fonction du thème du contenu, intègre des illustrations minimalistes au trait dessinées à la main au format SVG, corrige automatiquement les problèmes d'impression (pages blanches, lignes orphelines, éléments tronqués) lors de l'exportation des PDF, et ouvre directement le PDF dans un panneau de dessin à la dernière étape, permettant ainsi aux utilisateurs de visualiser, d'imprimer ou d'exporter les PDF sans avoir à copier-coller de code.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
