الصفحة الرئيسية لمحفظة أعمال المطورين ذوي الخبرة المحدودة

{ "type": "لقطة شاشة من متصفح سطح المكتب لمسودة تصميم الصفحة الرئيسية لموقع ويب شخصي بسيط", "style": "نظام الشبكة السويسرية، بساطة وحشية، لوحة ألوان أبيض وأسود، أدلة مخطط تقني باهتة، حدود رمادية رفيعة، مساحة بيضاء كبيرة، تسميات صغيرة أحادية المسافة ممزوجة بنوع عرض هندسي جريء بدون serif", "canvas": { "aspect_ratio": "عريض 16:9", "environment": "معروض داخل نافذة متصفح تشبه Chrome على localhost:5173 مع علامات تبويب مرئية وشريط إشارات مرجعية وشريط عنوان", "background": "أبيض" }, "brand": { "logo": "علامة مربعة صغيرة محددة بأحرف NRS الأولى", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "شريط تنقل ثابت أعلى الموقع أسفل شريط كروم المتصفح", "height": "حوالي 64 بكسل", "left_brand": "شعار NRS متبوعًا بواسطة نوفالدي رفيف س.، "التنقل": { "العدد": 6، "العناصر": [ "الرئيسية"، "المدونة"، "المشاريع"، "نبذة عنا"، "المتحدث"، "أخرى مع سهم لأسفل" ]، "العنصر_النشط": "الرئيسية في علامة تبويب مستطيلة رفيعة" }، "الإجراءات": { "العدد": 3، "العناصر": [ "زر اتصال أبيض اللون"، "زر تنزيل السيرة الذاتية أسود اللون مع سهم"، "زر أيقونة شمس/سمة مربع صغير" ] } }، "التخطيط": { "الحاوية_الرئيسية": "منطقة شبكية مستطيلة كبيرة مركزية مع خطوط توجيه رأسية وأفقية باهتة، وتسميات إحداثيات، وحدود رفيعة"، "التعليقات_التقنية": { "العدد": 7، "التسميات": [ "X-1440"، "X-768"، "X-0"، "X-1024"، "X-768"، "X-480"، "Y-0 / Y-360 / علامات دليل Y-720" ] }, "sections": [ { "title": "01 // مقدمة", "position": "عمود المحتوى الكبير الأيسر", "count": 1, "content": "عنوان رئيسي ضخم مُؤطّر يُقرأ {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} مُقسّم على سطرين، أسود، بأحرف كبيرة، غامق جدًا" }, { "title": "ملخص مهني", "position": "أسفل العنوان الرئيسي في العمود الأيسر", "count": 3, "items": [ "subtitle: {argument name=\"role title\" default=\"مهندس برمجيات ومُرشد\"}", "specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP", "paragraph: {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" }, "typography": { "headline": "أحرف كبيرة غامقة sans-serif، تباعد ضيق", "body": { "خط sans-serif نظيف وقابل للقراءة", "microcopy": "أحرف كبيرة صغيرة أحادية المسافة مع تباعد واسع بين الأحرف" }, "color_palette": { "primary": "#0b0d0e أسود قريب", "background": "#ffffff", "border": "#e8e8e8 رمادي فاتح", "guides": "#edf2ef أخضر رمادي باهت جدًا", "accent": "خط أخضر رفيع على بطاقة المسار النشط ودليل الشبكة العلوي" }, "composition_notes": "اجعله يبدو كنموذج أولي لنظام تصميم ويب مصقول تم إنشاؤه للتنفيذ، وليس صفحة هبوط تسويقية؛ ركز على المحاذاة الدقيقة، وتراكبات الشبكة، وتسميات الإحداثيات، وجماليات محفظة المطور الحديثة." }