
Electronic Materials Office
جمرة متوهجة في معرض مزين بالفحم
مكتب المواد الإلكترونية أشبه بورشة عمل ليلية: لوحة سوداء داكنة غير لامعة، وشرارة برتقالية متوهجة، وخط ينم عن همسٍ لا إعلان. تتعامل واجهة المستخدم مع كل شاشة كاستوديو مظلم - صور لوحة المفاتيح هي مصدر الضوء الحقيقي الوحيد، وتستجيب لها واجهة المستخدم. تطفو العناوين، المكتوبة بخط GT-Flexa بوزن 200، في مساحة سلبية واسعة؛ أما نص الصفحة فهو صغير الحجم عمدًا وذو طابع إنساني (على غرار صحيفة التايمز). الألوان مُختارة بعناية: أبيض نقي للنصوص، وأرجواني باهت (#9e9eff) للروابط، وزر دعوة للعمل برتقالي اللون (#f45500) على الصفحة يتوهج بضوء خاص به قطره 30 بكسل. تتلاءم العناصر بإحكام ضمن دائرة نصف قطرها 20 بكسل، والحدود بالكاد ملحوظة عند #9d9d9d، والظلال الوحيدة في النظام عبارة عن هالتين ملونتين حول العنصر الرئيسي.
لوحة عرض كاملة باللون الرمادي الداكن، مع محتوى مركزي بأقصى عرض (حوالي ١٢٠٠ بكسل). تبدأ الشاشة الرئيسية ببطاقة وسائط بنصف قطر ٢٠ بكسل تحتوي على فيديو للمنتج، وتشغل حوالي ٨٠٪ من عرض الشاشة، يليها مباشرةً عنوان رئيسي متعدد الأسطر بتنسيق GT-Flexa 200 يلتف ليغطي عرض المحتوى بالكامل تقريبًا. تسلسل الأقسام: قسم واحد لوصف المنتج بأحرف كبيرة بنمط Tobias، يليه شبكة ٢×٢ (على سطح المكتب) من بطاقات وصف المنتج. تستخدم البطاقات حدودًا بعرض ١ بكسل باللون الأسود الداكن (#9d9d9d) ومسافات بينها بعرض ٢٤ بكسل. مساحة رأسية واسعة - يتم فصل الأقسام بمساحة سلبية رمادية داكنة تتراوح بين ٤٨ و١٢٨ بكسل بدلاً من الفواصل. التنقل عبارة عن لوحة شفافة واحدة مثبتة في الأعلى، مع مجموعة من الروابط المخفية وزر دعوة لاتخاذ إجراء واحد بتنسيق Ember. لا يوجد شريط جانبي، ولا قائمة رئيسية ضخمة، ولا تنقل ثانوي.
الصور المعروضة هي لأغراض توضيحية فقط - لقطة مقرّبة للوحة مفاتيح Altar I على خلفية سوداء تمامًا، مع إضاءة خلفية من الأعلى، مما يجعل الهيكل يتوهج وأغطية المفاتيح تعكس الضوء حول الحواف. لا يوجد أي نمط حياة أو أيدٍ بشرية أو سياق بيئي. الصور عالية التباين وداكنة؛ اللون الوحيد خارج نطاق الألوان الأحادية هو زر الطاقة البرتقالي على لوحة المفاتيح نفسها، والذي يعكس شعار Ember Orange. الصور مربعة أو بنسبة عرض إلى ارتفاع 16:9، وموضوعة دائمًا في بطاقات بنصف قطر 20 بكسل وتمتد خارج حواف البطاقة (لا يوجد فراغ حول الصورة، والنص أسفل الحافة). نمط الأيقونة: الأيقونة الوحيدة هي دائرة صغيرة مملوءة (●) قبل الشعار - نقطة برتقالية واحدة، بسمك 6 بكسل تقريبًا.
لوحة الألوان
ماركة
- Ember Orange
#f45500— يُعد زر الإجراء الأساسي ذو التعبئة السطح اللوني الوحيد في واجهة المستخدم، وهو مصحوب دائمًا بهالة برتقالية بحجم 30 بكسل، مما يجعله يتوهج مثل الخيط؛ ويكرر التوهج الخارجي بحجم 30 بكسل على زر الاتصال الأساسي رمز الشكل السداسي Ember Orange، ولكنه موجود كظل بدلاً من تعبئة، مما يجعل الزر يبدو مضاءً من الداخل.
حيادي
- Studio Charcoal
#202020— إن أسطح القماش والكرتون تشبه أرضية معرض مظلم، فهي ليست سوداء تمامًا أبدًا، حتى تتمكن العين من الاسترخاء على الحواف الناعمة. - Bone White
#ffffff— نص رئيسي، وحدود رفيعة للصور، وسطح معكوس نادر. يتم الحفاظ على التسلسل الهرمي للخطوط بشكل مستقل. - Ash Gray
#9d9d9d— النص الهادئ، وحدود البطاقات الرقيقة، والتعليقات غير النشطة هي اللون الرمادي المتوسط الوحيد في نظام الألوان، والذي يُستخدم عندما يكون اللون الأبيض صارخًا للغاية. - Mid Felt
#eaeaea— غسيل سطحي خفيف للألواح المقلوبة أو الشبكات النموذجية - درجة من اللون الأبيض تقع بين البيج والقماش الداكن. - Carbon
#000000— يُعدّ التركيز الأبرز على ضربات الأيقونات والإطارات المتباينة حيث تكون لوحة الفحم فاتحة جدًا بحيث لا تحافظ على شكلها جيدًا. - Lavender Link
#9e9eff— يمثل لون الرابط المضمن ومخطط إطار الحركة الإضافي تباينًا هادئًا وباردًا مع اللون البرتقالي الدافئ، مما يضمن وضوح الإجراءات على خلفية الفحم.
الطباعة
من 16 إلى 86 بكسل · 8 خطوات
- GT-Flexa — الاستبدال: Inter (200/400) or Manrope (200/400) · الخطوط العريضة 200, 400 · الخط الأساسي للعناوين والعناصر الزخرفية. يسمح وزن 200 باستخدام جميع العناوين التي يزيد حجمها عن 24 بكسل - وهذا نمط مميز: عند 68 بكسل و86 بكسل، تبدو الأحرف وكأنها تذوب في الخلفية بدلاً من أن تكون بارزة. أما وزن 400 فهو مناسب للعناوين الفرعية وعناوين البطاقات، حيث يكون بالكاد مسموعًا. يتم تقليل تباعد الأسطر إلى 1.0 في أكبر الأحجام، بحيث تتراكم الأحرف الزخرفية فوق بعضها البعض كعمود من الهواء.
- Tobias-light — الاستبدال: Söhne Buch or Inter Tight · الخطوط العريضة 400 · نمط طباعي ثانوي لعناوين الأقسام وشعار التذييل. يُستخدم بدرجة أقل من GT-Flexa 200 لخلق تباين لوني؛ إذ يتميز Tobias بطابع معماري وتعبيري، بينما يتميز GT-Flexa بطابع أكثر هدوءًا. كما أن تباعد الأحرف السلبي يُقلل من اتساع أبعاد Tobias Light.
- Times — الاستبدال: Source Serif 4 or PT Serif · الخطوط العريضة 400 · يُشكّل نص المقال وعناوين الفقرات تباينًا مقصودًا مع الخطوط الهندسية والزخرفية، حيث تستخدم هذه الخطوط حروفًا ذات نهايات بارزة. تُضفي هذه الحروف دفئًا ورصانة تحريرية على أوصاف المنتجات دون أن تتجاوز حجم نص المقال.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 4-8px |
| نصف قطر الزر | 20px |
| نصف قطر البطاقة | 20px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 48-128px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Electronic Materials Office وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- OFFFICE : — معرضٌ ذو طابعٍ سوداويّ مُحاطٌ بخطٍّ ضخمٍ.
- Bibliothèque — معرض أسود مكعب الشكل تحت ضوء كاشف - لوحة مضيئة وحيدة في قاعة واسعة مظلمة
- 21 TSI — فراغ قرمزي، صورة ظلية واحدة - افتتاحية أزياء راقية حيث تذوب واجهة المستخدم في الجو.
- Structured — معرض عصر النهضة على ورق يشبه الصلصال
- CHAIBOY — جدار معرض أسود اللون عليه صورة فوتوغرافية واحدة مضاءة من الخلف
- Holiday 100 — معرض للهدايا في منتصف الليل - عنوان ذو حروف مزخرفة يعمل كضوء كاشف، ولوحة داكنة كجدار مخملي، وكل صورة منتج معلقة كإطار تم اختياره بعناية.
- Apple (España) — تتميز قاعة المتحف، بضوء النهار الخافت، بمساحة بيضاء واحدة آسرة وخفيفة الوزن، حيث يتم إضاءة كل معروض بواسطة ضوء كاشف على جدار ملون بشكل خفيف.
- Analogue — خزانة عرض سوداء – البضائع تطفو في الفراغ
- Apple (España) — يُعد معرض أوبسيديان قاعة عرض مظلمة حيث يتوهج جسم واحد من التيتانيوم على خلفية سوداء حالكة.
- Studio Oker — معرض مظلم بلمسات قرمزية - غرفة لحفظ الملفات مبطنة بجدران سوداء، حيث تبدو الحروف البيضاء وكأنها تطفو وهمسة حمراء واحدة تخترق الصمت.
- 099 SUPPLY — جدار معرض مليء بأشياء بالأبيض والأسود
- Retool — ورشة عمل دافئة من حجر الأوبسيديان - سطح لأدوات دقيقة، مضاءة بجمر متوهج، حيث يتم صنع كل شيء