Página principal del portafolio de desarrolladores minimalistas

{ "type": "captura de pantalla del navegador de escritorio de un borrador de diseño de página de inicio de un sitio web de portafolio personal minimalista", "style": "Sistema de cuadrícula suiza, minimalismo brutalista, paleta en blanco y negro, guías de planos técnicos tenues, bordes grises delgados, mucho espacio en blanco, microetiquetas monoespaciadas mezcladas con tipografía geométrica sans-serif en negrita", "canvas": { "aspect_ratio": "ancho 16:9", "environment": "se muestra dentro de una ventana de navegador similar a Chrome en localhost:5173 con pestañas, barra de marcadores y barra de direcciones visibles", "background": "blanco" }, "brand": { "logo": "pequeña marca cuadrada delineada con las iniciales NRS", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "barra de navegación fija superior del sitio web debajo del borde del navegador", "height": "aproximadamente 64px", "left_brand": "Logotipo de NRS seguido de Naufaldi Rafif S.", "navegación": { "cantidad": 6, "elementos": [ "INICIO", "BLOG", "PROYECTOS", "ACERCA DE", "PONENTE", "OTRO con flecha hacia abajo" ], "elemento_activo": "INICIO en una pestaña rectangular con contorno fino" }, "acciones": { "cantidad": 3, "elementos": [ "Botón de contacto con contorno blanco", "Botón negro relleno de descarga de CV con flecha", "Botón pequeño cuadrado con icono de sol/tema" ] } }, "diseño": { "contenedor_principal": "Área de cuadrícula rectangular grande centrada con líneas guía verticales y horizontales tenues, etiquetas de coordenadas y borde fino", "anotaciones_técnicas": { "cantidad": 7, "etiquetas": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Guía Y-0 / Y-360 / Y-720" marcas" ] }, "secciones": [ { "título": "01 // INTRO", "posición": "columna de contenido grande izquierda", "cantidad": 1, "contenido": "encabezado enorme en recuadro que dice {argumento nombre=\"texto del encabezado\" predeterminado=\"NAUFALDI RAFIF S.\"} dividido en dos líneas, tipo extranegrita en mayúsculas negras" }, { "título": "resumen profesional", "posición": "debajo del encabezado en la columna izquierda", "cantidad": 3, "elementos": [ "subtítulo: {argumento nombre=\"título del rol\" predeterminado=\"Ingeniero de software y mentor\"}", "etiquetas de especialidad: SISTEMAS DE PRODUCTO | FUNDAMENTOS DE BACKEND | MENTORÍA DE INGENIERÍA", "párrafo: {argumento nombre=\"párrafo biográfico\" predeterminado=\"Mi base es el frontend, pero la dirección es más amplia: propiedad del backend, arquitectura de producto y entrega de software de extremo a extremo.\"}" ] }, { "título": "02 // RUTAS", "posición": "barra lateral derecha separada por un divisor vertical", "cantidad": 3, "elementos": [ "01 Ver proyectos, tarjeta activa negra con icono de código y flecha derecha", "02 Ponerse en contacto, fila blanca con flecha derecha", "03 Descargar CV, fila blanca con flecha derecha" ] }, { "título": "franja de estado inferior", "posición": "parte inferior del contenedor con borde", "cantidad": 4, "elementos": [ "ABIERTO A TRABAJAR", "7 AÑOS DE EXPERIENCIA", "MÁS DE 1000 MENTORES", "BEKASI, INDONESIA" ] } ], "footer_meta": "lado derecho de la franja inferior muestra BUILD:2026 y PRD:01" }, "tipografía": { "encabezado": "sans-serif enorme en negrita y mayúsculas, espaciado ajustado", "cuerpo": "sans-serif limpio y legible", "microcopia": "monoespacio pequeño en mayúsculas con letra ancha espaciado" }, "paleta_de_colores": { "primario": "#0b0d0e casi negro", "fondo": "#ffffff", "borde": "#e8e8e8 gris claro", "guías": "#edf2ef verde grisáceo muy tenue", "acento": "línea verde delgada en la tarjeta de ruta activa y la guía de cuadrícula superior" }, "notas_de_composición": "Haz que parezca una maqueta pulida de un sistema de diseño web generada para su implementación, no una página de destino de marketing; enfatiza la alineación precisa, las superposiciones de cuadrícula, las etiquetas de coordenadas y la estética moderna del portafolio del desarrollador." }