Pagina iniziale del portfolio minimo per sviluppatori

{ "type": "screenshot del browser desktop di una bozza di design della homepage di un sito web di portfolio personale minimalista", "style": "sistema a griglia svizzera, minimalismo brutalista, tavolozza in bianco e nero, deboli guide tecniche, sottili bordi grigi, molto spazio bianco, micro-etichette monospazio mescolate con un audace carattere sans-serif geometrico", "canvas": { "aspect_ratio": "wide 16:9", "environment": "mostrato all'interno di una finestra del browser simile a Chrome su localhost:5173 con schede, barra dei segnalibri e barra degli indirizzi visibili", "background": "white" }, "brand": { "logo": "piccolo marchio quadrato contornato con le iniziali NRS", "name": "{argument name=\"nome del personaggio\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "barra di navigazione fissa in alto del sito web sotto la barra del browser", "height": "circa 64px", "left_brand": "logo NRS seguito da Naufaldi Rafif S.", "navigazione": { "conteggio": 6, "elementi": [ "HOME", "BLOG", "PROGETTI", "INFORMAZIONI", "RELASTO", "ALTRO con freccia verso il basso" ], "elemento_attivo": "HOME in una scheda rettangolare con un sottile contorno" }, "azioni": { "conteggio": 3, "elementi": [ "Pulsante Contatto con contorno bianco", "Pulsante Scarica CV riempito di nero con freccia", "Piccolo pulsante quadrato con icona sole/tema" ] } }, "layout": { "contenitore_principale": "ampia area griglia rettangolare centrata con sottili linee guida verticali e orizzontali, etichette delle coordinate e bordo sottile", "annotazioni_tecniche": { "conteggio": 7, "etichette": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Marcature guida Y-0 / Y-360 / Y-720" ] }, "sezioni": [ { "titolo": "01 // INTRODUZIONE", "posizione": "colonna di contenuto grande a sinistra", "conteggio": 1, "contenuto": "enorme titolo in riquadro con la scritta {nome argomento=\"testo del titolo\" predefinito=\"NAUFALDI RAFIF S.\"} diviso su due righe, carattere nero in maiuscolo extra-grassetto" }, { "titolo": "riepilogo professionale", "posizione": "sotto il titolo nella colonna di sinistra", "conteggio": 3, "elementi": [ "sottotitolo: {nome argomento=\"titolo del ruolo\" predefinito=\"Ingegnere del software e mentore\"}", "tag speciali: SISTEMI DI PRODOTTO | FONDAMENTI BACKEND | MENTORSHIP INGEGNERIA", "paragrafo: {nome argomento=\"paragrafo biografico\" predefinito=\"La mia base è il frontend, ma la direzione è più ampia: gestione del backend, architettura del prodotto e consegna del software end-to-end.\"}" ] }, { "titolo": "02 // PERCORSI", "posizione": "barra laterale destra separato da un divisore verticale", "count": 3, "items": [ "01 Visualizza progetti, scheda attiva nera con icona codice e freccia a destra", "02 Contattaci, riga bianca con freccia a destra", "03 Scarica CV, riga bianca con freccia a destra" ] }, { "title": "striscia di stato inferiore", "position": "fondo del contenitore con bordo", "count": 4, "items": [ "APERTO AL LAVORO", "7 ANNI DI ESPERIENZA", "OLTRE 1000 MENTEE", "BEKASI, INDONESIA" ] } ], "footer_meta": "il lato destro della striscia inferiore mostra BUILD:2026 e PRD:01" }, "typography": { "headline": "maiuscolo grassetto sans-serif, spaziatura stretta", "body": "sans-serif pulito e leggibile", "microcopy": "monospazio maiuscolo piccolo con ampia spaziatura tra le lettere" }, "color_galette": { "primary": "#0b0d0e quasi nero", "sfondo": "#ffffff", "bordo": "#e8e8e8 grigio chiaro", "guide": "#edf2ef verde-grigio molto tenue", "accento": "linea verde sottile sulla scheda del percorso attivo e guida della griglia superiore" }, "note_di_composizione": "Fai in modo che sembri un mockup di un sistema di progettazione web rifinito generato per l'implementazione, non una landing page di marketing; enfatizza l'allineamento preciso, le sovrapposizioni della griglia, le etichette delle coordinate e l'estetica moderna del portfolio dello sviluppatore." }