Resumen Casos de uso Habilidades Prompts Precios Blog Actualizaciones

Minimal Developer Portfolio Homepage

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

Instrucción

{"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."}

Cómo usar este prompt

1
Copia el prompt completo de arriba.
2
Abre una plataforma compatible con GPT Image 2, como YouMind, y pega el prompt.
3
Cambia el tema, el estilo o los detalles según tu idea y luego genera.

Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de imagen más, todos gratis para copiar y adaptar.

Explorar más prompts de imagen

Más de GPT Image 2

Todas las categorías de Imagen

Casos de uso

Perfil / Avatar Publicación en redes sociales Infografía / Visual Educativo Miniatura de YouTube Cómic / Guion gráfico Ver más

Estilos

Fotografía Cine / Fotograma de película Anime / Manga Ilustración Boceto / Dibujo lineal Ver más

Temas

Retrato / Selfie Influencer / Modelo Personaje Grupo / Pareja Producto Ver más

Más funciones de prompts

Biblioteca de IA

Búsqueda de prompts con IA

Deja que la IA busque entre decenas de miles de prompts. Filtra por modelo, rango de fechas y palabras clave, y ordena por interacción: visualizaciones, guardados, compartidos y más.

Probar gratis

Herramientas de visión

Imagen a prompt

Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.

Convertir imagen a prompt

Otras funciones de prompts

Por modelo

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

Por medio

Prompts de imagen Prompts de vídeo Prompts de página web

Herramientas IA

Imagen a prompt Prompts de fotos Diapositivas de GPT Image 2

Creado para creadores. Gratis para siempre.

YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.

Explorar más prompts

Minimal Developer Portfolio Homepage

Cómo usar este prompt

Más de GPT Image 2

Póster de viaje minimalista de ciudad

Fondo de pantalla de reproductor de música anime color menta

Póster de Smartwatch Edición Limitada Cyberpunk

Collage de retratos minimalista de cinco marcos

Ilustración de moda con accesorios

Retrato de moda inspirado en la estética de Threads