{"type":"high-fidelity personal portfolio website homepage design draft shown inside a desktop browser window","style":"minimalist Swiss grid, brutalist technical blueprint aesthetic, lots of whitespace, thin light-gray construction lines, coordinate labels, monochrome black and white with tiny green accent, crisp modern web UI screenshot","canvas":{"aspect_ratio":"wide 16:9","view":"Chrome-like browser at localhost:5173 with bookmarks bar visible above the page","background":"white"},"browser_chrome":{"address":"localhost:5173","top_area":"realistic desktop browser tabs, extension icons, bookmarks bar, and window controls, slightly compressed like a screenshot"},"website":{"brand":{"logo":"small outlined square mark with NRS","name":"Naufaldi Rafif S."},"top_navigation":{"count":6,"items":["HOME","BLOG","PROJECTS","ABOUT","SPEAKER","OTHER with down chevron"],"active_item":"HOME in an outlined rectangular tab"},"top_actions":{"count":3,"items":["Contact outlined button","Download CV black filled button with right arrow","square theme toggle button with sun icon"]}},"main_hero":{"layout":"large centered content frame with faint grid overlays and blueprint coordinate markers","section_label":"01 // INTRO","headline":"NAUFALDI RAFIF S.","headline_style":"huge bold uppercase black sans-serif, line break before S., inside a thin bordered rectangle","subheadline":"Software Engineer & Mentor","tagline_categories":{"count":3,"items":["PRODUCT SYSTEMS","BACKEND FOUNDATIONS","ENGINEERING MENTORSHIP"]},"body_copy":"My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery."},"right_routes_panel":{"title":"02 // ROUTES","position":"right side of hero","count":3,"routes":[{"number":"01","label":"View projects","icon":"code brackets at left, arrow at right","state":"active black card with subtle green left border"},{"number":"02","label":"Get in touch","icon":"arrow at right","state":"inactive white row with thin divider"},{"number":"03","label":"Download CV","icon":"arrow at right","state":"inactive white row with thin divider"}]},"footer_status_bar":{"count":5,"items":["OPEN TO WORK","7 YRS EXPERIENCE","1000+ MENTEES","BEKASI, INDONESIA","BUILD:2026 PRD:01"],"style":"monospace uppercase small text separated by vertical dividers along the bottom of the framed hero"},"blueprint_details":{"coordinate_labels":{"count":8,"items":["X-1440","X-768","X-0","X-1024","X-768","X-480","Y-0","Y-360","Y-720"]},"lines":"very thin pale gray vertical and horizontal guide lines crossing the layout, giving a design-system wireframe feel"},"rendering":"pixel-perfect UI mockup, clean typography, sharp edges, no people, no decorative illustrations, professional personal website design system concept"}
