न्यूनतम डेवलपर पोर्टफोलियो होमपेज

{ "type": "एक न्यूनतम व्यक्तिगत पोर्टफोलियो वेबसाइट होमपेज डिज़ाइन ड्राफ्ट का डेस्कटॉप ब्राउज़र स्क्रीनशॉट", "style": "स्विस ग्रिड सिस्टम, ब्रूटलिस्ट मिनिमलिज़्म, ब्लैक एंड व्हाइट पैलेट, धुंधली तकनीकी ब्लूप्रिंट गाइड, पतली ग्रे बॉर्डर, बहुत सारा व्हाइटस्पेस, बोल्ड ज्यामितीय सैन्स-सेरिफ़ डिस्प्ले टाइप के साथ मिश्रित मोनोस्पेस माइक्रो-लेबल", "canvas": { "aspect_ratio": "वाइड 16:9", "environment": "लोकलहोस्ट:5173 पर क्रोम जैसे ब्राउज़र विंडो के अंदर टैब, बुकमार्क बार और एड्रेस बार दिखाई दे रहे हैं", "background": "सफेद" }, "brand": { "logo": "NRS अक्षरों वाला छोटा वर्गाकार आउटलाइन चिह्न", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "ब्राउज़र क्रोम के नीचे शीर्ष निश्चित वेबसाइट नेविगेशन बार", "height": "लगभग 64px", "left_brand": "NRS लोगो के बाद नौफाल्दी रफीफ एस.", "navigation": { "count": 6, "items": [ "HOME", "BLOG", "PROJECTS", "ABOUT", "SPEAKER", "OTHER with down chevron" ], "active_item": "HOME in a thin outlined rectangular tab" }, "actions": { "count": 3, "items": [ "Contact white outlined button", "Download CV black filled button with arrow", "small square sun/theme icon button" ] } }, "layout": { "main_container": "large centered rectangular grid area with faint vertical and horizontal guide lines, coordinate labels, and thin border", "technical_annotations": { "count": 7, "labels": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Y-0 / Y-360 / Y-720 गाइड मार्किंग" ] }, "सेक्शन": [ { "शीर्षक": "01 // परिचय", "स्थिति": "बाएं बड़े सामग्री कॉलम", "गणना": 1, "सामग्री": "विशाल बॉक्स वाला शीर्षक जो {आर्गुमेंट नाम="शीर्षक पाठ" डिफ़ॉल्ट="नौफल्डी रफीफ एस."} को दो पंक्तियों में विभाजित करता है, काले रंग के बड़े अक्षरों में अतिरिक्त बोल्ड टाइप" }, { "शीर्षक": "पेशेवर सारांश", "स्थिति": "शीर्षक के नीचे बाएं कॉलम में", "गणना": 3, "आइटम": [ "उपशीर्षक: {आर्गुमेंट नाम="भूमिका शीर्षक" डिफ़ॉल्ट="सॉफ्टवेयर इंजीनियर और मेंटर"}", "विशेषता टैग: उत्पाद प्रणाली | बैकएंड फाउंडेशन | इंजीनियरिंग मेंटरशिप", "पैराग्राफ: {argument name=\"bio paragraph\" default=\"मेरी नींव फ्रंटएंड पर आधारित है, लेकिन दिशा व्यापक है: बैकएंड स्वामित्व, उत्पाद आर्किटेक्चर और एंड-टू-एंड सॉफ़्टवेयर डिलीवरी।\"}" ] }, { "title": "02 // रूट्स", "position": "राइट साइडबार एक वर्टिकल डिवाइडर द्वारा अलग किया गया", "count": 3, "items": [ "01 प्रोजेक्ट देखें, कोड आइकन और दाएं तीर के साथ काला सक्रिय कार्ड", "02 संपर्क करें, दाएं तीर के साथ सफेद पंक्ति", "03 सीवी डाउनलोड करें, दाएं तीर के साथ सफेद पंक्ति" ] }, { "title": "बॉटम स्टेटस स्ट्रिप", "position": "बॉर्डर वाले कंटेनर के नीचे", "count": 4, "items": [ "काम के लिए खुला", "7 साल का अनुभव", "1000+ मेंटीज़", "बेकासी, इंडोनेशिया" ] } ], "footer_meta": "बॉटम स्ट्रिप के दाईं ओर BUILD:2026 और PRD:01" }, "टाइपोग्राफी": { "शीर्षक": "बड़े अक्षरों वाला बोल्ड सैन्स-सेरिफ़ फ़ॉन्ट, तंग स्पेसिंग", "मुख्य भाग": "साफ़ पठनीय सैन्स-सेरिफ़", "माइक्रोकॉपी": "चौड़े अक्षरों के बीच स्पेसिंग के साथ छोटे अक्षरों वाला मोनोस्पेस" }, "रंग पैलेट": { "प्राथमिक": "#0b0d0e लगभग काला", "पृष्ठभूमि": "#ffffff", "बॉर्डर": "#e8e8e8 हल्का धूसर", "गाइड": "#edf2ef बहुत हल्का हरा-धूसर", "उच्चारण": "सक्रिय रूट कार्ड और शीर्ष ग्रिड गाइड पर पतली हरी रेखा" }, "रचना नोट्स": "इसे कार्यान्वयन के लिए तैयार किए गए एक पॉलिश वेब डिज़ाइन सिस्टम मॉकअप जैसा बनाएं, न कि मार्केटिंग लैंडिंग पेज जैसा; सटीक संरेखण, ग्रिड ओवरले, समन्वय लेबल और आधुनिक डेवलपर पोर्टफोलियो सौंदर्यशास्त्र पर ज़ोर दें।" }