Page d'accueil du portfolio de développeur minimaliste

{ "type": "Capture d'écran d'un navigateur de bureau montrant une maquette de page d'accueil minimaliste pour un site web portfolio personnel", "style": "Système de grille suisse, minimalisme brutaliste, palette noir et blanc, lignes techniques discrètes, fines bordures grises, beaucoup d'espace blanc, micro-étiquettes à chasse fixe mêlées à une police d'affichage géométrique sans empattement audacieuse", "canvas": { "aspect_ratio": "large 16:9", "environment": "affiché dans une fenêtre de navigateur de type Chrome sur localhost:5173 avec onglets, barre de favoris et barre d'adresse visibles", "background": "blanc" }, "brand": { "logo": "Petit logo carré avec les initiales NRS", "name": "{argument name=\"nom du personnage\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "Barre de navigation fixe en haut du site web, sous l'interface du navigateur", "height": "environ 64px", "left_brand": "Logo NRS suivi de Naufaldi Rafif S.", "navigation": { "count": 6, "items": [ "ACCUEIL", "BLOG", "PROJETS", "À PROPOS", "INTERVENANT", "AUTRE avec chevron vers le bas" ], "active_item": "ACCUEIL dans un onglet rectangulaire à contour fin" }, "actions": { "count": 3, "items": [ "Bouton Contact à contour blanc", "Bouton Télécharger le CV noir avec flèche", "Petit bouton carré soleil/icône de thème" ] } }, "layout": { "main_container": "Grande zone de grille rectangulaire centrée avec de fines lignes de repère verticales et horizontales, des étiquettes de coordonnées et une bordure fine", "technical_annotations": { "count": 7, "labels": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Repères Y-0 / Y-360 / Y-720" ] }, "sections": [ { "title": "01 // INTRODUCTION", "position": "colonne de contenu principale à gauche", "count": 1, "content": "grand titre encadré "{argument name=\"texte du titre\" default=\"NAUFALDI RAFIF S.\"} divisé en deux lignes, en caractères gras majuscules noirs" }, { "title": "résumé professionnel", "position": "sous le titre dans la colonne de gauche", "count": 3, "items": [ "subtitle: {argument name=\"titre du rôle\" default=\"Ingénieur logiciel et mentor\"}", "specialty tags: SYSTÈMES PRODUIT | FONDEMENTS BACKEND | MENTORAT EN INGÉNIERIE", "paragraph: {argument name=\"paragraphe bio\" default=\"Mon expertise est le frontend, mais mon champ d'action est plus large : gestion du backend, architecture produit et livraison de logiciels de bout en bout." }" ] }, { "title": "02 // ITINÉRAIRES", "position": "barre latérale droite séparée par un séparateur vertical", "count": 3, "items": [ "01 "Voir les projets, carte active noire avec icône de code et flèche vers la droite", "02 Nous contacter, ligne blanche avec flèche vers la droite", "03 Télécharger le CV, ligne blanche avec flèche vers la droite" ] }, { "title": "bandeau d'état inférieur", "position": "bas du conteneur bordé", "count": 4, "items": [ "DISPONIBLE POUR DES MISSIONS", "7 ANS D'EXPÉRIENCE", "PLUS DE 1000 MENTORÉS", "BEKASI, INDONÉSIE" ] } ], "footer_meta": "le côté droit du bandeau inférieur affiche BUILD:2026 et PRD:01" }, "typography": { "headline": "gros caractères gras majuscules sans empattement, espacement serré", "body": "police sans empattement propre et lisible", "microcopy": "petits caractères majuscules à chasse fixe avec un espacement large entre les lettres" }, "color_palette": { "primary": "#0b0d0e presque noir", "background": "#ffffff", "border": "#e8e8e8 gris clair", "guides": "#edf2ef vert-gris très pâle", "accent": "ligne verte fine sur la carte de route active et le guide de la grille supérieure" }, "composition_notes": "Faites en sorte que cela ressemble à une maquette de système de conception web soignée, générée pour la mise en œuvre, et non à une page d'accueil marketing ; mettez l'accent sur l'alignement précis, les superpositions de grille, les étiquettes de coordonnées et l'esthétique moderne d'un portfolio de développeur." }