Minimal udviklerportefølje hjemmeside

{ "type": "skærmbillede af desktopbrowser med et minimalistisk udkast til hjemmesidedesign til personlig portefølje", "style": "Schweizisk gittersystem, brutalistisk minimalisme, sort-hvid palet, svage tekniske blueprint-guider, tynde grå kanter, masser af hvidt rum, monospace-mikrolabels blandet med fed geometrisk sans-serif-visningstype", "canvas": { "aspect_ratio": "bred 16:9", "environment": "vist i et Chrome-lignende browservindue på localhost:5173 med synlige faner, bogmærkelinje og adresselinje", "background": "white" }, "brand": { "logo": "lille firkantet omrids med initialerne NRS", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "øverste faste navigationslinje til hjemmeside under browserens Chrome", "height": "ca. 64px", "left_brand": "NRS-logo efterfulgt af Naufaldi Rafif S.", "navigation": { "count": 6, "items": [ "HJEM", "BLOG", "PROJEKTER", "OM", "TALEHOLDER", "ANDET med nedadgående vinklen" ], "active_item": "HJEM i en tyndt omridset rektangulær fane" }, "actions": { "count": 3, "items": [ "Kontakt hvid omridset knap", "Download CV sort udfyldt knap med pil", "lille firkantet sol/tema ikon knap" ] } }, "layout": { "main_container": "stort centreret rektangulært gitterområde med svage lodrette og vandrette hjælpelinjer, koordinatetiketter og tynd kant", "technical_annotations": { "count": 7, "labels": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Y-0 / Y-360 / Y-720 hjælpelinjemarkeringer" ] }, "sections": [ { "title": "01 // INTRO", "position": "venstre stor indholdskolonne", "count": 1, "content": "stor indrammet overskrift der læser {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} opdelt over to linjer, sorte store bogstaver med ekstra fed skrift" }, { "title": "professionel opsummering", "position": "under overskriften i venstre kolonne", "count": 3, "items": [ "subtitle: {argument name=\"role title\" default=\"Software Engineer & Mentor\"}", "specialty tags: PRODUKTSYSTEMER | BACKEND-FUNDAMENTER | INGENIØRMENTORSKAB", "paragraph: {argument name=\"bio paragraph\" default=\"Mit fundament er frontend, men retningen er bredere: backend-ejerskab, produktarkitektur og end-to-end softwarelevering.\"}" ] }, { "title": "02 // RUTER", "position": "højre sidebar adskilt af en lodret skillevæg", "count": 3, "items": [ "01 Vis projekter, sort aktivt kort med "kodeikon og højre pil", "02 Kontakt os, hvid række med højre pil", "03 Download CV, hvid række med højre pil" ] }, { "title": "nederste statusstribe", "position": "nederst i container med kant", "count": 4, "items": [ "ÅBEN FOR ARBEJDE", "7 ÅRS ERFARING", "1000+ MENTEES", "BEKASI, INDONESIEN" ] } ], "footer_meta": "højre side af nederste stribe viser BYGNING:2026 og PRD:01" }, "typografi": { "headline": "massiv store bogstaver fed sans-serif, tæt linjeafstand", "body": "ren læsbar sans-serif", "microcopy": "lille store bogstaver monospace med bred bogstavafstand" }, "color_palette": { "primary": "#0b0d0e næsten-sort", "background": "#ffffff", "border": "#e8e8e8 lysegrå", "guides": "#edf2ef meget svag grøn-grå", "accent": "tynd grøn linje på aktivt rutekort og øverste gitterguide" }, "composition_notes": "Få det til at ligne en poleret webdesignsystemmockup genereret til implementering, ikke en marketinglandingsside; fremhæv præcis justering, gitteroverlejringer, koordinatetiketter og moderne udviklerporteføljeæstetik." }