Página inicial do portfólio do desenvolvedor Minimal

{ "type": "captura de tela de um navegador de desktop mostrando um rascunho de design da página inicial de um site de portfólio pessoal minimalista", "style": "Sistema de grade suíça, minimalismo brutalista, paleta em preto e branco, guias técnicas sutis, bordas finas cinza, muito espaço em branco, micro-rótulos monoespaçados misturados com uma fonte geométrica sans-serif em negrito", "canvas": { "aspect_ratio": "wide 16:9", "environment": "exibido dentro de uma janela de navegador semelhante ao Chrome em localhost:5173 com guias, barra de favoritos e barra de endereço visíveis", "background": "white" }, "brand": { "logo": "pequena marca quadrada com contorno e as iniciais NRS", "name": "{argument name=\"nome do personagem\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "barra de navegação fixa superior do site abaixo da borda do navegador", "height": "about 64px", "left_brand": "Logotipo da NRS seguido por Naufaldi Rafif S.", "navigation": { "count": 6, "items": [ "HOME", "BLOG", "PROJECTS", "ABOUT", "SPEAKER", "OTHER with down chevron" ], "active_item": "HOME in a thin contoured rectangular tab" }, "actions": { "count": 3, "items": [ "Contact contoured white", "Download CV filled button with arrow", "small square sun/theme icon button" ] } }, "layout": { "main_container": "large rectangular grid area with thin 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 marcações de guia" ] }, "sections": [ { "title": "01 // INTRO", "position": "coluna de conteúdo grande à esquerda", "count": 1, "content": "título grande em caixa com o texto {argument name=\"texto do título\" default=\"NAUFALDI RAFIF S.\"} dividido em duas linhas, em negrito extra e em letras maiúsculas pretas" }, { "title": "resumo profissional", "position": "abaixo do título na coluna da esquerda", "count": 3, "items": [ "subtitle: {argument name=\"cargo\" default=\"Engenheiro de Software e Mentor\"}", "etiquetas de especialidade: SISTEMAS DE PRODUTO | FUNDAMENTOS DE BACKEND | MENTORIA DE ENGENHARIA", "paragraph: {argument name=\"parágrafo biográfico\" default=\"Minha base é o frontend, mas a direção é mais ampla: propriedade do backend, arquitetura de produto e entrega de software de ponta a ponta.\"}" ] }, { "title": "02 // ROTAS", "position": "barra lateral direita separada por um divisor vertical", "count": 3, "items": [ "01 Ver projetos, cartão ativo preto com ícone de código e seta para a direita", "02 Entrar em contato, linha branca com seta para a direita", "03 Baixar CV, linha branca com seta para a direita" ] }, { "title": "faixa de status inferior", "position": "parte inferior do contêiner com borda", "count": 4, "items": [ "ABERTO A TRABALHO", "7 ANOS DE EXPERIÊNCIA", "MAIS DE 1000 MENTORADOS", "BEKASI, INDONÉSIA" ] } ], "footer_meta": "o lado direito da faixa inferior mostra BUILD:2026 e PRD:01" }, "tipografia": { "título": "fonte sans-serif em negrito, maiúsculas e grandes, com espaçamento reduzido", "corpo": "fonte sans-serif limpa e legível", "microtexto": "fonte monoespaçada em maiúsculas pequenas com espaçamento amplo entre letras" }, "paleta_de_cores": { "primary": "#0b0d0e quase preto", "fundo": "#ffffff", "borda": "#e8e8e8 cinza claro", "guias": "#edf2ef verde-acinzentado muito claro", "accent": "linha verde fina no cartão de rota ativo e guia de grade superior" }, "notas_de_composição": "Faça com que pareça um mockup de sistema de design web refinado, gerado para implementação, e não uma landing page de marketing; enfatize o alinhamento preciso, as sobreposições de grade, os rótulos de coordenadas e a estética moderna de um portfólio de desenvolvedor." }