Minimale ontwikkelaarsportfolio startpagina

{ "type": "screenshot van een desktopbrowser van een minimalistisch ontwerp voor de homepage van een persoonlijke portfolio-website", "style": "Zwitsers raster, brutalistisch minimalisme, zwart-wit kleurenpalet, vage technische blauwdruklijnen, dunne grijze randen, veel witruimte, monospace microlabels gemengd met een vet geometrisch schreefloos lettertype", "canvas": { "aspect_ratio": "breed 16:9", "environment": "weergegeven in een Chrome-achtig browservenster op localhost:5173 met zichtbare tabbladen, bladwijzerbalk en adresbalk", "background": "wit" }, "brand": { "logo": "klein vierkant omlijnd logo met de initialen NRS", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "vaste website-navigatiebalk bovenaan onder de browserrand", "height": "ongeveer 64px", "left_brand": "NRS logo gevolgd door Naufaldi Rafif S.", "navigatie": { "aantal": 6, "items": [ "HOME", "BLOG", "PROJECTEN", "OVER ONS", "SPREKER", "OVERIG met naar beneden chevron" ], "actief_item": "HOME in een dun omlijnd rechthoekig tabblad" }, "acties": { "aantal": 3, "items": [ "Contact witte omlijnde knop", "CV downloaden zwarte gevulde knop met pijl", "kleine vierkante zon/thema-icoonknop" ] } }, "lay-out": { "hoofdcontainer": "groot gecentreerd rechthoekig rastergebied met vage verticale en horizontale hulplijnen, coördinaatlabels en dunne rand", "technische_annotaties": { "aantal": 7, "labels": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Y-0 / Y-360 / Y-720 geleidingsmarkeringen" ] }, "secties": [ { "titel": "01 // INTRO", "positie": "grote inhoudskolom links", "aantal": 1, "inhoud": "enorme koptekst {argumentnaam=\"koptekst\" standaard=\"NAUFALDI RAFIF S.\"} verdeeld over twee regels, zwarte hoofdletters extra vetgedrukte tekst" }, { "titel": "professionele samenvatting", "positie": "onder de kop in de linkerkolom", "aantal": 3, "items": [ "ondertitel: {argumentnaam=\"roltitel\" standaard=\"Software Engineer & Mentor\"}", "specialisatietags: PRODUCTSYSTEMEN | BACKEND-FUNDAMENTEN | ENGINEERING MENTORSCHAP", "alinea: {argumentnaam=\"bio-alinea\" standaard=\"Mijn basis is frontend, maar de richting is breder: backend-eigenaarschap, product architectuur en end-to-end softwarelevering.\"}" ] }, { "title": "02 // ROUTES", "position": "rechter zijbalk gescheiden door een verticale scheidingslijn", "count": 3, "items": [ "01 Projecten bekijken, zwarte actieve kaart met code-icoon en pijl naar rechts", "02 Contact opnemen, witte rij met pijl naar rechts", "03 CV downloaden, witte rij met pijl naar rechts" ] }, { "title": "onderste statusbalk", "position": "onderkant van de container met rand", "count": 4, "items": [ "OPEN VOOR WERK", "7 JAAR ERVARING", "1000+ MENTEES", "BEKASI, INDONESIË" ] } ], "footer_meta": "rechterkant van de onderste balk toont BUILD:2026 en 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": "Laat het eruitzien als een gepolijst webdesignsysteem-mockup die is gegenereerd voor implementatie, niet als een marketinglandingspagina; benadruk precieze uitlijning, rasteroverlays, coördinaatlabels en moderne esthetiek van een ontwikkelaarsportfolio." }