Site portfolio monochrome élégant
Best for design studio, branding agency and etc.
Instructions
ÉTAPE 1 — Verrouiller la marque et rédiger le contenu (demandes minimales).
Commencez par charger les outils différés dont vous aurez besoin plus tard : appelez toolSearch pour generateImage et generateWebpage afin qu’ils soient prêts avant les étapes 2 et 3.
Ensuite, analysez le message de l'utilisateur et toutes les @références pour : le nom de la marque/du studio, ce que fait la marque (domaine d'activité), le slogan, les noms des projets, la liste des services et toutes les images téléchargées/référencées (suivez-les pour l'étape 2 — NE PAS régénérer les emplacements qu'elles couvrent).
Règles de formulation des questions (soyez concis — l'utilisateur préfère les interactions brèves) :
- Si le nom de la marque ET l'objectif de la marque sont tous deux absents, appelez askUserQuestion UNE SEULE FOIS avec deux questions groupées :
Q1 "Nom du studio/de la marque ?" — options comme 'StudioNoir', 'Form & Field', 'Atelier 09', 'Object / Subject'.
Q2 « Que fait la marque ? » — options comme « agence de design », « studio de photographie », « cabinet d'architecture », « marque de mode », « portfolio personnel ».
- S'il n'en manque qu'un, ne demandez que celui-là.
- Si les deux sont présents dans le message de l'utilisateur, ne posez aucune question — passez directement à l'étape suivante.
Une fois le nom de marque et le positionnement définis, rédigez le reste vous-même, sans vous poser de questions. Ton : éditorial, affirmé, minimaliste, haut de gamme. Soyez concis : ce style privilégie l’espace blanc à la verbosité.
Brouillon:
- Slogan : deux phrases courtes formant une seule expression, par exemple « Concevoir / l’avenir », « Encadrer / le monde », « Construire / l’éternité », « Faire en sorte que / cela dure ». Chaque ligne doit comporter 1 à 2 mots. Utilisez une séparation en italique et en caractères normaux à empattements pour le saut de ligne.
- Texte : environ 80 mots, deux courts paragraphes. Mentionnez la période fondatrice (par exemple « depuis les années 80 »), quelques services et une ambiance axée sur les clients internationaux et les prix du secteur.
- TROIS études de cas. Pour chacune : un nom de projet inventé qui corresponde à l’objectif (pour une agence de design, réutilisez des noms comme « Schematiq », « Commercial Co. », « Sprig & Sky » ; pour d’autres objectifs, choisissez des noms à consonance similaire), 1 à 2 étiquettes de service, une phrase de contexte d’environ 30 mots, une phrase de solution d’environ 30 mots.
- SIX balises de service pertinentes pour le domaine d'activité (par défaut : activation de marque, marketing intégré, développement de site Web, production vidéo, identité de marque, stratégie de marque — à adapter pour les domaines d'activité hors agence).
- Slogan de clôture de l'appel à l'action (une ligne, environ 10 à 14 mots), par exemple : « Donnez de l'importance à votre marque et marquez l'histoire. »
- Éléments de pied de page : nom du studio, « Conditions générales et assistance », « Politique de confidentialité ».
Conservez tout le contenu en mémoire pour l'étape 3. N'appelez PAS encore generateWebpage.
ÉTAPE 2 — Assemblez exactement 6 images monochromes cohérentes.
Carte des emplacements : héros, à propos, projet_1, projet_2, projet_3, fonctionnalité.
A) Si l'utilisateur a déjà fourni des images (téléchargements, mentions, URL dans son message), assignez-les aux emplacements dans l'ordre de réception et ignorez la génération pour ces emplacements. Générez uniquement les emplacements restants.
B) Pour chaque emplacement vide, appelez generateImage. Exécutez-les EN PARALLÈLE dans un seul lot d'outils lorsque cela est possible.
Style d'image non négociable pour chaque emplacement :
- Uniquement du noir et blanc pur. Aucune teinte de couleur, ni sépia, ni bichromie. Qualité éditoriale/cinématographique/magazine haut de gamme. Contraste et grain uniformes sur les six images. Espaces négatifs généreux là où la mise en page l'exige.
Modèles d'invites à créneaux horaires — remplacez [DISCIPLINE] par le thème de la marque de l'étape 1 (par exemple « agence de design », « studio de photographie », « cabinet d'architecture ») et [DISCIPLINE_SUBJECT] par un sujet approprié (par exemple pour le design : sculpture en papier / gros plan typographique ; pour l'architecture : géométrie des ombres ; pour la mode : silhouette ; pour la photographie : nature morte) :
1. héros (aspect 16:9) : « Photographie cinématographique en noir et blanc de [DISCIPLINE_SUBJECT], composition éditoriale dramatique, esthétique monochrome minimaliste élégante, éclairage zénithal doux, espace négatif important, qualité magazine haut de gamme, sans couleur, contraste élevé. »
2. à propos (aspect 4:3) : « Photographie documentaire en noir et blanc d'un intérieur de studio [DISCIPLINE] contemporain, grandes fenêtres avec une douce lumière du jour, bureau et outils minimalistes, style de reportage éditorial, monochrome uniquement, contraste élevé. »
3. project_1 (aspect 1:1): "Maquettes d'identité de marque en noir et blanc à plat — cartes de visite, en-têtes de lettre, papeterie imprimée — sur une surface blanche propre, photographie éditoriale nette en vue de dessus, monochrome uniquement."
4. projet_2 (aspect 1:1) : « Nature morte minimaliste en noir et blanc en rapport avec [DISCIPLINE] (par exemple, clap de cinéma, maquette, produit stylisé), éclairage de studio cinématographique, ombres nettes, monochrome uniquement. »
5. projet_3 (aspect 1:1) : « Photographie éditoriale de style de vie en noir et blanc, scène stylisée de manière minimaliste en rapport avec [DISCIPLINE], esthétique de magazine haut de gamme, monochrome uniquement. »
6. élément (aspect 16:9) : « Large composition abstraite en noir et blanc en rapport avec [DISCIPLINE], perspective dramatique, monochrome éditorial atmosphérique, sans couleur. »
Une fois les six URL en main, étiquetez chacune d'elles par emplacement et passez à l'étape 3.
ÉTAPE 3 — Créer la page web.
Appelez generateWebpage avec as_artifact: true. Transmettez une seule instruction détaillée contenant textuellement tout ce qui suit : l’agent qui exécute generateWebpage doit la suivre à la lettre.
--- DÉBUT DE L'INVITATION DE LA PAGE WEB ---
Créez un site web portfolio unique, long et défilant, dans un style éditorial monochrome et élégant. Un cadre visuel strict doit être respecté : ne vous en écartez pas.
PALETTE (exclusive — aucune autre teinte disponible) :
- Fond blanc : #FFFFFF
- Encre noire et texte : #000000
- Une section sombre peut utiliser un noir presque noir : #0A0A0A
- Appliquez le CSS `filter: grayscale(1) contrast(1.02)` sur chaque comme filet de sécurité afin que toute ressource importée reste strictement monochrome.
TYPOGRAPHIE:
- Affichage : Police Google « Fraunces » (utiliser les graisses 300 et 700, opacité 144). Variante italique disponible pour le mot-clé mis en valeur.
- Corps du texte : Police Google « Inter » (graisses 400 et 500). Épaisseur : 16 à 18 px, interligne : environ 1,6.
- Les titres des écrans sont très grands : largeur (56 px, largeur 12 px, profondeur 180 px). Espacement : -0,02 em.
- Petites capitales (`text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px`) pour la navigation, les balises de service et les liens du pied de page.
RYTHME DE LA MISE EN PAGE :
- Section de marge verticale : clamp(80px, 12vh, 200px).
- Largeur maximale du conteneur : 1280px, pince de gouttière latérale (24px, 6vw, 96px).
- Espacement généreux ; ne pas encombrer.
INTERACTION:
- Barre de navigation supérieure fixe avec un flou d'arrière-plan subtil lors du défilement.
- Boutons pilule : 1 px solide #000, remplissage transparent, rayon de bordure : 9999 px, marge intérieure 14 px 28 px. Au survol, l’arrière-plan s’inverse en #000 + couleur #FFF, temps d’accélération : 200 ms.
- Fondu enchaîné subtil déclenché par le défilement + translation verticale de 24 px sur chaque bloc principal (Intersection Observer).
- Lignes de service : le texte et la flèche glissent vers la droite au survol de la souris, environ 12 px, 200 ms d'accélération.
SENSIBLE:
- En dessous de 768 px : les titres sont réduits à environ 64–88 px, les grilles à deux colonnes se réduisent à une seule colonne, les images restent pleine largeur dans leur marge intérieure.
SECTIONS (dans cet ordre précis) :
1. NAV (fixe) : nom du studio en haut à gauche en petites capitales ; bouton pilule « Travailler avec nous » en haut à droite.
2. HERO (blanc intégral) : titre principal sur deux lignes — ligne 1 en italique Fraunces, ligne 2 en police Fraunces normale — reprenant le slogan de l’utilisateur. Police de grande taille. Petite image monochrome optionnelle en bas à droite (utiliser ici la petite image principale OU réserver l’image principale pour la section suivante). Indication discrète pour le défilement en bas.
3. À PROPOS : titre « À propos de [studio] » en Fraunces 700. Grille à 6 colonnes : texte à gauche (colonnes 1 à 3), image à droite (format 4:3) (colonnes 4 à 6). Deux courts paragraphes.
4. EN-TÊTE DE SECTION : « Notre travail » en francs 700, grand format.
5. ÉTUDE DE CAS 1 : Nom du projet (Fraunces en caractères gras), lignes de balises de service en petites capitales (séparées par un point médian ou par un espace). Sous le nom : image du projet en pleine largeur (utiliser project_1, format 1:1 recadrée au format 16:9). Sous l’image : grille à deux colonnes — la colonne de gauche affiche le numéro surdimensionné « 01 » (Fraunces 300, clamp(100px, 18vw, 220px)), l’étiquette « Background » en petites capitales, puis un texte d’environ 30 mots. La colonne de droite affiche la même chose avec « 02 » et « Solution ».
6. ÉTUDE DE CAS 2 : même structure que CS1, mais utiliser l’image project_2. Inverser éventuellement l’image pour qu’elle repose sur une bande blanc cassé teintée ; veiller à utiliser exclusivement les couleurs de la palette.
7. ÉTUDE DE CAS 3 : même structure, utiliser l'image du projet_3.
8. BANDE PRINCIPALE : image pleine largeur (utiliser l’emplacement 16:9). Aucun texte superposé.
9. NOS SERVICES : Titre « Nos services » en Fraunces 700. Ci-dessous, une liste verticale des 6 étiquettes de service. Chaque ligne : séparateur de 1 px en haut (#000), nom du service à gauche en Fraunces ~clamp(36px, 6vw, 80px), flèche « → » à droite. Curseur. Le survol fait glisser vers la droite.
10. Appel à l'action : section sombre pleine page, fond #000. Titre « Fraunces » centré en #FFF, utilisant le slogan de l'appel à l'action. Marge intérieure : 120 px, 20 vh, 240 px. Bouton « Collaborer avec nous » sous le titre (bordure blanche, remplissage transparent, au survol, fond blanc et texte noir).
11. PIED DE PAGE : fond blanc, texte en petites capitales. Nom du studio à gauche, liens à droite (« Conditions d’utilisation et assistance », « Politique de confidentialité »). Bordure supérieure très fine (#000, 1 px). Mention légale de copyright en petits caractères sur une deuxième ligne.
IMAGES — Insérez les URL fournies dans la section « Données » ci-dessous dans les emplacements correspondants. Appliquez la propriété `object-fit: cover` et le filtre de sécurité en niveaux de gris à chaque élément ``. N’ajoutez pas d’images décoratives supplémentaires.
DONNÉES — remplacez-les par ces éléments dans la page :
- studio_name:
- slogan :
- about_copy:
- études_de_cas : tableau de trois éléments { nom, étiquettes[], contexte, solution } de l'étape 1
- services : tableau de six chaînes de caractères d'étiquette de service de l'étape 1
- cta_tagline:
- images : { hero, about, project_1, project_2, project_3, feature } de l'étape 2
- footer_links: ['Conditions d'utilisation et assistance', 'Politique de confidentialité']
--- FIN DE L'INVITATION DE LA PAGE WEB ---
Lors de l'appel à generateWebpage, transmettez as_artifact: true. Une fois la fonction terminée, affichez à l'utilisateur un résumé d'une ligne dans sa langue préférée et indiquez-lui qu'il peut demander le remplacement d'une image, la modification du texte ou le renommage des projets.
Description
Créez un site web portfolio éditorial élégant en noir et blanc. Palette noir et blanc pure, titres à empattement surdimensionnés, études de cas numérotées, espaces blancs généreux. Génère automatiquement six images monochromes harmonieuses si aucune n'est fournie.
Pourquoi nous recommandons cette compétence
Cette compétence permet de créer des portfolios web monochromes haut de gamme, parfaits pour les studios de design et les agences. Son style éditorial et minimaliste offre une esthétique sophistiquée et professionnelle.
Site portfolio monochrome élégant
Best for design studio, branding agency and etc.
Instructions
ÉTAPE 1 — Verrouiller la marque et rédiger le contenu (demandes minimales).
Commencez par charger les outils différés dont vous aurez besoin plus tard : appelez toolSearch pour generateImage et generateWebpage afin qu’ils soient prêts avant les étapes 2 et 3.
Ensuite, analysez le message de l'utilisateur et toutes les @références pour : le nom de la marque/du studio, ce que fait la marque (domaine d'activité), le slogan, les noms des projets, la liste des services et toutes les images téléchargées/référencées (suivez-les pour l'étape 2 — NE PAS régénérer les emplacements qu'elles couvrent).
Règles de formulation des questions (soyez concis — l'utilisateur préfère les interactions brèves) :
- Si le nom de la marque ET l'objectif de la marque sont tous deux absents, appelez askUserQuestion UNE SEULE FOIS avec deux questions groupées :
Q1 "Nom du studio/de la marque ?" — options comme 'StudioNoir', 'Form & Field', 'Atelier 09', 'Object / Subject'.
Q2 « Que fait la marque ? » — options comme « agence de design », « studio de photographie », « cabinet d'architecture », « marque de mode », « portfolio personnel ».
- S'il n'en manque qu'un, ne demandez que celui-là.
- Si les deux sont présents dans le message de l'utilisateur, ne posez aucune question — passez directement à l'étape suivante.
Une fois le nom de marque et le positionnement définis, rédigez le reste vous-même, sans vous poser de questions. Ton : éditorial, affirmé, minimaliste, haut de gamme. Soyez concis : ce style privilégie l’espace blanc à la verbosité.
Brouillon:
- Slogan : deux phrases courtes formant une seule expression, par exemple « Concevoir / l’avenir », « Encadrer / le monde », « Construire / l’éternité », « Faire en sorte que / cela dure ». Chaque ligne doit comporter 1 à 2 mots. Utilisez une séparation en italique et en caractères normaux à empattements pour le saut de ligne.
- Texte : environ 80 mots, deux courts paragraphes. Mentionnez la période fondatrice (par exemple « depuis les années 80 »), quelques services et une ambiance axée sur les clients internationaux et les prix du secteur.
- TROIS études de cas. Pour chacune : un nom de projet inventé qui corresponde à l’objectif (pour une agence de design, réutilisez des noms comme « Schematiq », « Commercial Co. », « Sprig & Sky » ; pour d’autres objectifs, choisissez des noms à consonance similaire), 1 à 2 étiquettes de service, une phrase de contexte d’environ 30 mots, une phrase de solution d’environ 30 mots.
- SIX balises de service pertinentes pour le domaine d'activité (par défaut : activation de marque, marketing intégré, développement de site Web, production vidéo, identité de marque, stratégie de marque — à adapter pour les domaines d'activité hors agence).
- Slogan de clôture de l'appel à l'action (une ligne, environ 10 à 14 mots), par exemple : « Donnez de l'importance à votre marque et marquez l'histoire. »
- Éléments de pied de page : nom du studio, « Conditions générales et assistance », « Politique de confidentialité ».
Conservez tout le contenu en mémoire pour l'étape 3. N'appelez PAS encore generateWebpage.
ÉTAPE 2 — Assemblez exactement 6 images monochromes cohérentes.
Carte des emplacements : héros, à propos, projet_1, projet_2, projet_3, fonctionnalité.
A) Si l'utilisateur a déjà fourni des images (téléchargements, mentions, URL dans son message), assignez-les aux emplacements dans l'ordre de réception et ignorez la génération pour ces emplacements. Générez uniquement les emplacements restants.
B) Pour chaque emplacement vide, appelez generateImage. Exécutez-les EN PARALLÈLE dans un seul lot d'outils lorsque cela est possible.
Style d'image non négociable pour chaque emplacement :
- Uniquement du noir et blanc pur. Aucune teinte de couleur, ni sépia, ni bichromie. Qualité éditoriale/cinématographique/magazine haut de gamme. Contraste et grain uniformes sur les six images. Espaces négatifs généreux là où la mise en page l'exige.
Modèles d'invites à créneaux horaires — remplacez [DISCIPLINE] par le thème de la marque de l'étape 1 (par exemple « agence de design », « studio de photographie », « cabinet d'architecture ») et [DISCIPLINE_SUBJECT] par un sujet approprié (par exemple pour le design : sculpture en papier / gros plan typographique ; pour l'architecture : géométrie des ombres ; pour la mode : silhouette ; pour la photographie : nature morte) :
1. héros (aspect 16:9) : « Photographie cinématographique en noir et blanc de [DISCIPLINE_SUBJECT], composition éditoriale dramatique, esthétique monochrome minimaliste élégante, éclairage zénithal doux, espace négatif important, qualité magazine haut de gamme, sans couleur, contraste élevé. »
2. à propos (aspect 4:3) : « Photographie documentaire en noir et blanc d'un intérieur de studio [DISCIPLINE] contemporain, grandes fenêtres avec une douce lumière du jour, bureau et outils minimalistes, style de reportage éditorial, monochrome uniquement, contraste élevé. »
3. project_1 (aspect 1:1): "Maquettes d'identité de marque en noir et blanc à plat — cartes de visite, en-têtes de lettre, papeterie imprimée — sur une surface blanche propre, photographie éditoriale nette en vue de dessus, monochrome uniquement."
4. projet_2 (aspect 1:1) : « Nature morte minimaliste en noir et blanc en rapport avec [DISCIPLINE] (par exemple, clap de cinéma, maquette, produit stylisé), éclairage de studio cinématographique, ombres nettes, monochrome uniquement. »
5. projet_3 (aspect 1:1) : « Photographie éditoriale de style de vie en noir et blanc, scène stylisée de manière minimaliste en rapport avec [DISCIPLINE], esthétique de magazine haut de gamme, monochrome uniquement. »
6. élément (aspect 16:9) : « Large composition abstraite en noir et blanc en rapport avec [DISCIPLINE], perspective dramatique, monochrome éditorial atmosphérique, sans couleur. »
Une fois les six URL en main, étiquetez chacune d'elles par emplacement et passez à l'étape 3.
ÉTAPE 3 — Créer la page web.
Appelez generateWebpage avec as_artifact: true. Transmettez une seule instruction détaillée contenant textuellement tout ce qui suit : l’agent qui exécute generateWebpage doit la suivre à la lettre.
--- DÉBUT DE L'INVITATION DE LA PAGE WEB ---
Créez un site web portfolio unique, long et défilant, dans un style éditorial monochrome et élégant. Un cadre visuel strict doit être respecté : ne vous en écartez pas.
PALETTE (exclusive — aucune autre teinte disponible) :
- Fond blanc : #FFFFFF
- Encre noire et texte : #000000
- Une section sombre peut utiliser un noir presque noir : #0A0A0A
- Appliquez le CSS `filter: grayscale(1) contrast(1.02)` sur chaque comme filet de sécurité afin que toute ressource importée reste strictement monochrome.
TYPOGRAPHIE:
- Affichage : Police Google « Fraunces » (utiliser les graisses 300 et 700, opacité 144). Variante italique disponible pour le mot-clé mis en valeur.
- Corps du texte : Police Google « Inter » (graisses 400 et 500). Épaisseur : 16 à 18 px, interligne : environ 1,6.
- Les titres des écrans sont très grands : largeur (56 px, largeur 12 px, profondeur 180 px). Espacement : -0,02 em.
- Petites capitales (`text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px`) pour la navigation, les balises de service et les liens du pied de page.
RYTHME DE LA MISE EN PAGE :
- Section de marge verticale : clamp(80px, 12vh, 200px).
- Largeur maximale du conteneur : 1280px, pince de gouttière latérale (24px, 6vw, 96px).
- Espacement généreux ; ne pas encombrer.
INTERACTION:
- Barre de navigation supérieure fixe avec un flou d'arrière-plan subtil lors du défilement.
- Boutons pilule : 1 px solide #000, remplissage transparent, rayon de bordure : 9999 px, marge intérieure 14 px 28 px. Au survol, l’arrière-plan s’inverse en #000 + couleur #FFF, temps d’accélération : 200 ms.
- Fondu enchaîné subtil déclenché par le défilement + translation verticale de 24 px sur chaque bloc principal (Intersection Observer).
- Lignes de service : le texte et la flèche glissent vers la droite au survol de la souris, environ 12 px, 200 ms d'accélération.
SENSIBLE:
- En dessous de 768 px : les titres sont réduits à environ 64–88 px, les grilles à deux colonnes se réduisent à une seule colonne, les images restent pleine largeur dans leur marge intérieure.
SECTIONS (dans cet ordre précis) :
1. NAV (fixe) : nom du studio en haut à gauche en petites capitales ; bouton pilule « Travailler avec nous » en haut à droite.
2. HERO (blanc intégral) : titre principal sur deux lignes — ligne 1 en italique Fraunces, ligne 2 en police Fraunces normale — reprenant le slogan de l’utilisateur. Police de grande taille. Petite image monochrome optionnelle en bas à droite (utiliser ici la petite image principale OU réserver l’image principale pour la section suivante). Indication discrète pour le défilement en bas.
3. À PROPOS : titre « À propos de [studio] » en Fraunces 700. Grille à 6 colonnes : texte à gauche (colonnes 1 à 3), image à droite (format 4:3) (colonnes 4 à 6). Deux courts paragraphes.
4. EN-TÊTE DE SECTION : « Notre travail » en francs 700, grand format.
5. ÉTUDE DE CAS 1 : Nom du projet (Fraunces en caractères gras), lignes de balises de service en petites capitales (séparées par un point médian ou par un espace). Sous le nom : image du projet en pleine largeur (utiliser project_1, format 1:1 recadrée au format 16:9). Sous l’image : grille à deux colonnes — la colonne de gauche affiche le numéro surdimensionné « 01 » (Fraunces 300, clamp(100px, 18vw, 220px)), l’étiquette « Background » en petites capitales, puis un texte d’environ 30 mots. La colonne de droite affiche la même chose avec « 02 » et « Solution ».
6. ÉTUDE DE CAS 2 : même structure que CS1, mais utiliser l’image project_2. Inverser éventuellement l’image pour qu’elle repose sur une bande blanc cassé teintée ; veiller à utiliser exclusivement les couleurs de la palette.
7. ÉTUDE DE CAS 3 : même structure, utiliser l'image du projet_3.
8. BANDE PRINCIPALE : image pleine largeur (utiliser l’emplacement 16:9). Aucun texte superposé.
9. NOS SERVICES : Titre « Nos services » en Fraunces 700. Ci-dessous, une liste verticale des 6 étiquettes de service. Chaque ligne : séparateur de 1 px en haut (#000), nom du service à gauche en Fraunces ~clamp(36px, 6vw, 80px), flèche « → » à droite. Curseur. Le survol fait glisser vers la droite.
10. Appel à l'action : section sombre pleine page, fond #000. Titre « Fraunces » centré en #FFF, utilisant le slogan de l'appel à l'action. Marge intérieure : 120 px, 20 vh, 240 px. Bouton « Collaborer avec nous » sous le titre (bordure blanche, remplissage transparent, au survol, fond blanc et texte noir).
11. PIED DE PAGE : fond blanc, texte en petites capitales. Nom du studio à gauche, liens à droite (« Conditions d’utilisation et assistance », « Politique de confidentialité »). Bordure supérieure très fine (#000, 1 px). Mention légale de copyright en petits caractères sur une deuxième ligne.
IMAGES — Insérez les URL fournies dans la section « Données » ci-dessous dans les emplacements correspondants. Appliquez la propriété `object-fit: cover` et le filtre de sécurité en niveaux de gris à chaque élément ``. N’ajoutez pas d’images décoratives supplémentaires.
DONNÉES — remplacez-les par ces éléments dans la page :
- studio_name:
- slogan :
- about_copy:
- études_de_cas : tableau de trois éléments { nom, étiquettes[], contexte, solution } de l'étape 1
- services : tableau de six chaînes de caractères d'étiquette de service de l'étape 1
- cta_tagline:
- images : { hero, about, project_1, project_2, project_3, feature } de l'étape 2
- footer_links: ['Conditions d'utilisation et assistance', 'Politique de confidentialité']
--- FIN DE L'INVITATION DE LA PAGE WEB ---
Lors de l'appel à generateWebpage, transmettez as_artifact: true. Une fois la fonction terminée, affichez à l'utilisateur un résumé d'une ligne dans sa langue préférée et indiquez-lui qu'il peut demander le remplacement d'une image, la modification du texte ou le renommage des projets.
Description
Créez un site web portfolio éditorial élégant en noir et blanc. Palette noir et blanc pure, titres à empattement surdimensionnés, études de cas numérotées, espaces blancs généreux. Génère automatiquement six images monochromes harmonieuses si aucune n'est fournie.
Pourquoi nous recommandons cette compétence
Cette compétence permet de créer des portfolios web monochromes haut de gamme, parfaits pour les studios de design et les agences. Son style éditorial et minimaliste offre une esthétique sophistiquée et professionnelle.
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.