Profil créatif
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.
Description
Recommandé par
nene@YouMind
Pourquoi nous recommandons cette compétence
Cette compétence se distingue en créant un site web personnel sophistiqué, inspiré d’un stratège de marque. Elle détaille minutieusement une esthétique minimaliste moderne avec des spécifications précises de couleur, typographie et mise en page pour une présence en ligne vraiment distinctive.
Transformez votre marque personnelle en un site web époustouflant et minimaliste. Un design professionnel, des dispositions stratégiques et une esthétique captivante conçus instantanément pour mettre en valeur votre expertise.
Compétences associées
Tout voir
Page webCréateur de pages explorables
Un rapport explique. Une page permet aux gens de découvrir par eux-mêmes. YouMind sait déjà créer des pages web. Explorable Explainer décide quoi créer — il transforme un travail de recherche, un ensemble de données ou un sujet en une seule page interactive dans la tradition des graphiques de presse et des explications explorables : un récit piloté par le défilement, de vrais graphiques, des commandes que vous pouvez déplacer, des sources que vous pouvez vérifier. Il planifie avant de coder. Vous approuvez d'abord un plan de construction : la question à laquelle la page répond, la révélation — le moment où le lecteur devrait ressentir « oh » — une structure de défilement de cinq à huit sections, deux à quatre interactions chacune justifiée par ce que le lecteur apprend en la déplaçant, et un contrat de données listant chaque chiffre et sa provenance. Ensuite, il crée un fichier HTML autonome sans étape de construction. Balisage sémantique. Tous les nombres dans une unique constante DATA modifiable en haut. Des révélations au défilement qui ne se cassent pas sur un téléphone. Chaque contrôle est un véritable élément de formulaire opérable au clavier, avec un texte dynamique décrivant sa valeur actuelle. L'accessibilité est intégrée plutôt que plaquée : contraste 4,5:1, anneaux de focus visibles, texte alternatif partout, aucune signification transmise par la seule couleur, respect de la réduction des mouvements, responsive dès 360px. Avant de livrer, il effectue un auto-examen en cinq points et rapporte honnêtement les résultats : la révélation fonctionne-t-elle vraiment, la page se lit-elle toujours avec JavaScript désactivé, l'ordre de tabulation est-il cohérent, chaque chiffre est-il traçable, y a-t-il quelque chose qui s'anime et qu'un lecteur voudrait arrêter. Deux règles qu'il ne brisera jamais : il n'invente jamais de données pour embellir un graphique, et il vous signale lorsque vos chiffres contredisent votre brouillon. Pour les chercheurs, analystes, journalistes, enseignants, fondateurs indépendants et consultants qui souhaitent que leur travail soit exploré plutôt que survolé.
Page webPages web douces et flottantes
Système de design web au style lumière douce de jour : canevas bleu ciel pâle (#ebf5ff), grands caractères d'affichage avec graisse fixe de 500 (jusqu'à 148px en responsive), cartes à coins arrondis de 32px et pilules de 9999px, CTA solide noir quasi pur #181d27, blocs pastel et illustrations 3D flottantes aux allures d'argile. La profondeur repose uniquement sur le décalage de teinte entre le canevas et les cartes, les cartes de contenu étant sans ombre. Convient pour les besoins « style lumière douce de jour », « landing pages avec illustrations 3D », « canevas bleu clair », « style cartes arrondies », « site SaaS », « style Linear/Framer », etc. Accessibilité et responsive intégrés.
Page webStyle Fashion Creative Design
Système de design de pages web de style affiche éditoriale de mode : toile en papier crème chaud (#fffef7), titres surdimensionnés avec un poids de police de 300 (64–84px), photographies en pleine page, zéro ombre, cartes à angles droits + boutons avec un rayon de pilule de 1440px. Convient aux besoins tels que « style de design mode », « mise en page magazine », « style affiche », « page web de livre d'art », « portfolio de studio », « page de galerie », etc. Il peut transformer tout contenu en une page au style éditorial de haute couture.
Profil créatif
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.
Description
Recommandé par
nene@YouMind
Pourquoi nous recommandons cette compétence
Cette compétence se distingue en créant un site web personnel sophistiqué, inspiré d’un stratège de marque. Elle détaille minutieusement une esthétique minimaliste moderne avec des spécifications précises de couleur, typographie et mise en page pour une présence en ligne vraiment distinctive.
Transformez votre marque personnelle en un site web époustouflant et minimaliste. Un design professionnel, des dispositions stratégiques et une esthétique captivante conçus instantanément pour mettre en valeur votre expertise.
Compétences associées
Tout voirPage webCréateur de pages explorables
Un rapport explique. Une page permet aux gens de découvrir par eux-mêmes. YouMind sait déjà créer des pages web. Explorable Explainer décide quoi créer — il transforme un travail de recherche, un ensemble de données ou un sujet en une seule page interactive dans la tradition des graphiques de presse et des explications explorables : un récit piloté par le défilement, de vrais graphiques, des commandes que vous pouvez déplacer, des sources que vous pouvez vérifier. Il planifie avant de coder. Vous approuvez d'abord un plan de construction : la question à laquelle la page répond, la révélation — le moment où le lecteur devrait ressentir « oh » — une structure de défilement de cinq à huit sections, deux à quatre interactions chacune justifiée par ce que le lecteur apprend en la déplaçant, et un contrat de données listant chaque chiffre et sa provenance. Ensuite, il crée un fichier HTML autonome sans étape de construction. Balisage sémantique. Tous les nombres dans une unique constante DATA modifiable en haut. Des révélations au défilement qui ne se cassent pas sur un téléphone. Chaque contrôle est un véritable élément de formulaire opérable au clavier, avec un texte dynamique décrivant sa valeur actuelle. L'accessibilité est intégrée plutôt que plaquée : contraste 4,5:1, anneaux de focus visibles, texte alternatif partout, aucune signification transmise par la seule couleur, respect de la réduction des mouvements, responsive dès 360px. Avant de livrer, il effectue un auto-examen en cinq points et rapporte honnêtement les résultats : la révélation fonctionne-t-elle vraiment, la page se lit-elle toujours avec JavaScript désactivé, l'ordre de tabulation est-il cohérent, chaque chiffre est-il traçable, y a-t-il quelque chose qui s'anime et qu'un lecteur voudrait arrêter. Deux règles qu'il ne brisera jamais : il n'invente jamais de données pour embellir un graphique, et il vous signale lorsque vos chiffres contredisent votre brouillon. Pour les chercheurs, analystes, journalistes, enseignants, fondateurs indépendants et consultants qui souhaitent que leur travail soit exploré plutôt que survolé.
Page webPages web douces et flottantes
Système de design web au style lumière douce de jour : canevas bleu ciel pâle (#ebf5ff), grands caractères d'affichage avec graisse fixe de 500 (jusqu'à 148px en responsive), cartes à coins arrondis de 32px et pilules de 9999px, CTA solide noir quasi pur #181d27, blocs pastel et illustrations 3D flottantes aux allures d'argile. La profondeur repose uniquement sur le décalage de teinte entre le canevas et les cartes, les cartes de contenu étant sans ombre. Convient pour les besoins « style lumière douce de jour », « landing pages avec illustrations 3D », « canevas bleu clair », « style cartes arrondies », « site SaaS », « style Linear/Framer », etc. Accessibilité et responsive intégrés.
Page webStyle Fashion Creative Design
Système de design de pages web de style affiche éditoriale de mode : toile en papier crème chaud (#fffef7), titres surdimensionnés avec un poids de police de 300 (64–84px), photographies en pleine page, zéro ombre, cartes à angles droits + boutons avec un rayon de pilule de 1440px. Convient aux besoins tels que « style de design mode », « mise en page magazine », « style affiche », « page web de livre d'art », « portfolio de studio », « page de galerie », etc. Il peut transformer tout contenu en une page au style éditorial de haute couture.
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.