Hjemmeside for minimal utviklerportefølje

{ "type": "skjermbilde av skrivebordsnettleser av et minimalistisk utkast til hjemmeside for personlig portefølje", "style": "Sveitsisk rutenettsystem, brutalistisk minimalisme, svart-hvitt-palett, svake tekniske blåkopiguider, tynne grå rammer, mye hvitt mellomrom, mikroetiketter med én bredde blandet med dristig geometrisk sans-serif-visningstype", "canvas": { "aspect_ratio": "bred 16:9", "environment": "vist i et Chrome-lignende nettleservindu på localhost:5173 med synlige faner, bokmerkefelt og adressefelt", "background": "hvit" }, "brand": { "logo": "lite firkantet omrissmerke med initialene NRS", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "øverste faste navigasjonsfelt for nettstedet under nettleserens Chrome", "height": "omtrent 64 piksler", "left_brand": "NRS-logo etterfulgt av Naufaldi Rafif S.", "navigation": { "count": 6, "items": [ "HJEM", "BLOGG", "PROSJEKTER", "OM", "FORRETSHOLDER", "ANNET med nedadgående vinkel" ], "active_item": "HJEM i en tynn, rektangulær fane med omriss" }, "actions": { "count": 3, "items": [ "Kontakt hvit omriss-knapp", "Last ned CV svart fylt knapp med pil", "liten firkantet sol/tema ikon-knapp" ] } }, "layout": { "main_container": "stort sentrert rektangulært rutenettområde med svake vertikale og horisontale hjelpelinjer, koordinatetiketter og tynn kant", "technical_annotations": { "count": 7, "labels": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Y-0 / Y-360 / Y-720 hjelpemarkeringer" ] }, "sections": [ { "title": "01 // INTRO", "position": "venstre stor innholdskolonne", "count": 1, "content": "stor innrammet overskrift som leser {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} delt over to linjer, svarte store bokstaver ekstra fet skrift" }, { "title": "faglig sammendrag", "position": "under overskriften i venstre kolonne", "count": 3, "items": [ "subtitle: {argument name=\"role title\" default=\"Programvareingeniør og mentor\"}", "spesialkoder: PRODUKTSYSTEMER | BACKEND-GRUNNLAG | INGENIØRMENTORSKAP", "paragraph: {argument name=\"bio paragraph\" default=\"Mitt grunnlag er frontend, men retningen er bredere: backend-eierskap, produktarkitektur og ende-til-ende programvarelevering.\"}" ] }, { "title": "02 // RUTER", "position": "høyre sidefelt atskilt med en vertikal skillelinje", "count": 3, "items": [ "01 Vis prosjekter, svart aktivt kort med "kodeikon og høyre pil", "02 Ta kontakt, hvit rad med høyre pil", "03 Last ned CV, hvit rad med høyre pil" ] }, { "title": "nederste statusstripe", "position": "nederst på beholderen med kant", "count": 4, "items": [ "ÅPEN FOR ARBEID", "7 ÅRS ERFARING", "1000+ MENTEES", "BEKASI, INDONESIA" ] } ], "footer_meta": "høyre side av nederste stripe viser BYGG:2026 og PRD:01" }, "typography": { "headline": "massiv store bokstaver fet sans-serif, liten avstand", "body": "ren lesbar sans-serif", "microcopy": "liten stor bokstav monospace med bred bokstavavstand" }, "color_palette": { "primary": "#0b0d0e nesten-svart", "background": "#ffffff", "border": "#e8e8e8 lys grå", "guides": "#edf2ef veldig svak grønngrå", "accent": "tynn grønn linje på aktivt rutekort og øverste rutenettguide" }, "composition_notes": "Få det til å se ut som en polert mockup av et webdesignsystem generert for implementering, ikke en markedsføringslandingsside; legg vekt på presis justering, rutenettoverlegg, koordinatetiketter og moderne utviklerporteføljeestetikk." }