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.

installedBy
76
Profil créatif preview 1
Profil créatif preview 2

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.

Catégories

webpage

Outils

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.

Page web

Related Skills

View all

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.

StoryCanvas

Ê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.

Être PDF

Planificateur de parcours d'apprentissage

En fonction des objectifs d'apprentissage de l'utilisateur, de son niveau actuel, du temps disponible et de ses préférences, un parcours d'apprentissage personnalisé et progressif est généré grâce à une recherche approfondie de ressources d'apprentissage réelles et produit sous la forme d'un site Web d'apprentissage interactif de style Kami (avec suivi des progrès, vérifications des étapes clés et liens directs vers les ressources).

Planificateur de parcours d'apprentissage

Find your next favorite skill

Explore more curated AI skills for research, creation, and everyday work.

Explore all skills