Aperçu Cas d'usage Compétences Invites Tarifs Blog Mises à jour

Minimal Developer Portfolio Homepage

Generates a clean grid-based personal website homepage mockup for a software engineer portfolio design system.

Consigne

{"type":"desktop browser screenshot of a minimalist personal portfolio website homepage design draft","style":"Swiss grid system, brutalist minimalism, black and white palette, faint technical blueprint guides, thin gray borders, lots of whitespace, monospace micro-labels mixed with bold geometric sans-serif display type","canvas":{"aspect_ratio":"wide 16:9","environment":"shown inside a Chrome-like browser window at localhost:5173 with visible tabs, bookmarks bar, and address bar","background":"white"},"brand":{"logo":"small square outlined mark with initials NRS","name":"Naufaldi Rafif S."},"header":{"position":"top fixed website navbar below browser chrome","height":"about 64px","left_brand":"NRS logo followed by Naufaldi Rafif S.","navigation":{"count":6,"items":["HOME","BLOG","PROJECTS","ABOUT","SPEAKER","OTHER with down chevron"],"active_item":"HOME in a thin outlined rectangular tab"},"actions":{"count":3,"items":["Contact white outlined button","Download CV black filled button with arrow","small square sun/theme icon button"]}},"layout":{"main_container":"large centered rectangular grid area with faint vertical and horizontal guide lines, coordinate labels, and thin border","technical_annotations":{"count":7,"labels":["X-1440","X-768","X-0","X-1024","X-768","X-480","Y-0 / Y-360 / Y-720 guide markings"]},"sections":[{"title":"01 // INTRO","position":"left large content column","count":1,"content":"huge boxed headline reading NAUFALDI RAFIF S. split across two lines, black all-caps extra-bold type"},{"title":"professional summary","position":"below headline in left column","count":3,"items":["subtitle: Software Engineer & Mentor","specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP","paragraph: My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery."]},{"title":"02 // ROUTES","position":"right sidebar separated by a vertical divider","count":3,"items":["01 View projects, black active card with code icon and right arrow","02 Get in touch, white row with right arrow","03 Download CV, white row with right arrow"]},{"title":"bottom status strip","position":"bottom of bordered container","count":4,"items":["OPEN TO WORK","7 YRS EXPERIENCE","1000+ MENTEES","BEKASI, INDONESIA"]}],"footer_meta":"right side of bottom strip shows BUILD:2026 and PRD:01"},"typography":{"headline":"massive uppercase bold sans-serif, tight spacing","body":"clean readable sans-serif","microcopy":"small uppercase monospace with wide letter spacing"},"color_palette":{"primary":"#0b0d0e near-black","background":"#ffffff","border":"#e8e8e8 light gray","guides":"#edf2ef very faint green-gray","accent":"thin green line on active route card and top grid guide"},"composition_notes":"Make it look like a polished web design system mockup generated for implementation, not a marketing landing page; emphasize precise alignment, grid overlays, coordinate labels, and modern developer portfolio aesthetics."}

Comment utiliser ce prompt

1
Copiez le prompt complet ci-dessus.
2
Ouvrez une plateforme compatible avec GPT Image 2, comme YouMind, et collez le prompt.
3
Modifiez le sujet, le style ou les détails selon votre idée, puis générez.

Voici un prompt IA gratuit de la bibliothèque de prompts de YouMind. Découvrez des milliers d'autres prompts images, tous libres de copie et d'adaptation.

Découvrir plus de prompts images

Plus de GPT Image 2

Toutes les catégories Images

Cas d’utilisation

Profil / Avatar Publication sur les réseaux sociaux Infographie / Visuel éducatif Miniature YouTube Bande dessinée / Storyboard Voir plus

Styles

Photographie Image cinématographique / Photogramme de film Anime / Manga Illustration Croquis / Dessin au trait Voir plus

Sujets

Portrait / Selfie Influenceur / Mannequin Personnage Groupe / Couple Produit Voir plus

Plus de fonctions de prompts

Bibliothèque IA

Recherche de prompts par IA

Laissez l'IA chercher parmi des dizaines de milliers de prompts. Filtrez par modèle, plage de dates et mots-clés, puis triez par engagement : vues, favoris, partages et plus.

Essayer gratuitement

Outils visuels

Image vers prompt

Transformez toute photo en prompt d'image IA détaillé. Le convertisseur image vers prompt gratuit analyse la composition, le style et la lumière pour recréer n'importe quel rendu en quelques secondes.

Convertir une image en prompt

Autres fonctions de prompts

Par modèle

Consignes GPT Image 2 Consignes Nano Banana Pro Consignes Seedream 4.5 Consignes GPT Image 1.5 Consignes Seedance 2.0 Grok Imagine Prompts Consignes Gemini 3 Pro

Par média

Prompts d'image Prompts vidéo Prompts de page web

Outils IA

Image vers prompt Prompts photo Diapositives GPT Image 2

Conçu pour les créateurs. Gratuit pour toujours.

YouMind est le copilote créatif IA adopté par des créateurs du monde entier. Chaque prompt est sélectionné pour vous aider à créer mieux, plus vite.

Explorer plus de prompts

Minimal Developer Portfolio Homepage

Comment utiliser ce prompt

Plus de GPT Image 2

Affiche de voyage minimaliste sur le thème de la ville

Fond d'écran de lecteur de musique anime menthe

Affiche de montre connectée en édition limitée Cyberpunk

Collage de portraits minimaliste à cinq cadres

Illustration de mode avec accessoires

Portrait de mode inspiré par l'esthétique de Threads