Custo
معرض بلون معدني داكن مع خط كتابة ضخم. صالة عرض بألوان رمادية مخضرة هادئة، حيث يتحدث عنصر داكن واحد وخط كتابة بحجم 57 بكسل عن نفسه.
تُقدّم كوستو تجربة عرض مميزة للمنتجات الصناعية: حيث تُشكّل خلفية معدنية دافئة المنتج المادي، بينما تُضفي الطباعة كبيرة الحجم لمسة جمالية بصرية أساسية. يعتمد النظام على الألوان المحايدة تمامًا، مما يسمح لصندوق الرسائل الداكن المؤكسد والجاذبية الهندسية لخط sans-serif واحد بنقل شخصية العلامة التجارية بالكامل. تُوازن كل شاشة بين المساحة البيضاء الواسعة وبيان طباعي ضخم، مع تكرار شعار العلامة التجارية كعنصر معماري بارز. الأسطح مسطحة وغير لامعة، ويتم خلق العمق من خلال انعكاس المنتج نفسه، وليس من خلال الظلال أو التدرجات اللونية.
يتميز تصميم الصفحة بهيكل عمودي أحادي العمود، بعرض محتوى أقصى يبلغ حوالي 1280 بكسل، متمركزًا ضمن نافذة العرض. يمتد العنصر الرئيسي للصفحة على كامل عرضها، مُصممًا بلون رمادي معدني (#9ea29f) من خلال لوحة Canvas، مع صورة لصندوق بريد متمركزة على اليمين وشعار CUSTO® بحجم 57 بكسل في أسفل الصفحة. أسفل العنصر الرئيسي، تتناوب الأقسام: كتلة نصية من عمودين (عنوان فرعي صغير على اليسار، وعنوان رئيسي كبير على اليمين)، تليها شبكة أفقية من ثلاث بطاقات صور للمنتجات، ثم صفوف من عمودين للنصوص والصور، مع تناوب النص الرئيسي على كلا الجانبين. تبلغ المسافة بين الأقسام 110 بكسل، مما يوفر مساحة رأسية واسعة. شريط التنقل عبارة عن شريط علوي شفاف يتلاشى تدريجيًا إلى اللون الأبيض عند التمرير. أيقونة CES عنصر ثابت عائم في الزاوية السفلية اليمنى. الإيقاع العام يشبه المعرض الفني: عناصر قليلة في كل قسم، خط كبير، مساحات واسعة، وصورة للمنتج كعلامة ترقيم بصرية بين شرائط النص.
الصور المعروضة هي صور فوتوغرافية حصرية لصندوق بريد Custo، تم التقاطها بثلاثة أوضاع: صور كاملة أمام الإطار المعدني، وصور تُظهر تفاعل المستخدم مع الجهاز، ولقطات مقرّبة لواجهة المسح الضوئي وحلقة LED. جميع الصور بألوان هادئة وعالية التباين، مع استخدام اللون الأسود غير اللامع لصندوق البريد كعنصر بصري أساسي. لا توجد أي رسومات توضيحية أو رسومات تجريدية أو صور جاهزة. تُعرض الصور على بطاقات بنصف قطر 8 بكسل أو بملء الشاشة خلف شعار بحجم 57 بكسل. أيقونة CES هي الصورة الوحيدة متعددة الألوان على الموقع الإلكتروني بأكمله.
لوحة الألوان
حيادي
- Canvas Gunmetal
#9ea29f— تتميز الخلفية الرمادية الخضراء الدافئة للأقسام الرئيسية والموضوعية عن قوالب SaaS البيضاء القياسية، وتبدو أشبه بالخرسانة المعمارية منها بسطح رقمي. - Obsidian
#000000— نص أساسي، حدود رفيعة، خطوط أيقونات - حبر ذو أعلى تباين في النظام، يستخدم للعناوين والفواصل الهيكلية. - Paper White
#ffffff— صور خلفية لأجزاء الجسم، نص معكوس على قماش بلون معدني داكن، نص على خلفية داكنة لتصوير المنتجات. - Anodized Graphite
#4b514d— يعكس السطح الداكن المستخدم في تصوير المنتجات والعناوين الإضافية والنصوص ثلاثية الأبعاد تشطيب صندوق البريد، لذا فإن واجهة المستخدم والمنتج مصنوعان من نفس المادة. - Brushed Steel
#8e9194— تتوسط الخطوط البيضاء والسوداء خطوط النص الأساسي الهادئة وفواصل القوائم والخطوط الخارجية الإضافية للأيقونات لعرض البيانات الوصفية المضمنة والروابط المنفصلة. - Linen Mist
#a7aaad— اللون الفاتح للحدود والفواصل الخاصة بالعناوين وخطوط التقسيم هو لون خفيف لا يتنافس أبدًا مع الخطوط الهيكلية للون الأوبسيديان.
الطباعة
من 15 إلى 57 بكسل · 5 خطوات
- PP Neue Montreal — الاستبدال: Inter · الخطوط العريضة 400 (Medium) · يتم استخدام نظام طباعي من عائلة واحدة لكل شيء بدءًا من نص المحتوى وحتى النص التوضيحي - حيث أن التوحيد الهندسي في الوزن هو السمة المميزة، مع تجنب استخدام أي خطوط ثانوية أو خاصة بالعرض، لذلك تتم قراءة علامة 'CUSTO®' المكتوبة بحجم 57 بكسل على أنها تنتمي إلى نفس عائلة الخطوط مثل تسمية حقل إدخال النموذج بحجم 15 بكسل.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | واسع |
| الخطوة الأساسية | 24px |
| نصف قطر الزر | 31.35px (pill) for primary action; 8px for secondary |
| نصف قطر البطاقة | 8px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 110px |
| عرض الصفحة | 1280px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Custo وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- 099 SUPPLY — جدار معرض مليء بأشياء بالأبيض والأسود
- Specht Studio — جدار معرض مليء بالفضول الخفي. يتميز سطح الاستوديو المصنوع من الكروم باللون الأبيض والكتابة السوداء؛ وتتركز الألعاب النارية البصرية بالكامل داخل بلاط المشروع.
- Structured — معرض عصر النهضة على ورق يشبه الصلصال
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- VSCO — جدار المعرض أحادي اللون عبارة عن معرض للصور الفوتوغرافية بالأبيض والأسود، حيث يسلط ضوء دافئ واحد الضوء على المشهد التالي.
- Apple (España) — تتميز قاعة المتحف، بضوء النهار الخافت، بمساحة بيضاء واحدة آسرة وخفيفة الوزن، حيث يتم إضاءة كل معروض بواسطة ضوء كاشف على جدار ملون بشكل خفيف.
- Peak Design — جدار المعرض، مضاء جزئياً
- Apple (España) — يُعد معرض أوبسيديان قاعة عرض مظلمة حيث يتوهج جسم واحد من التيتانيوم على خلفية سوداء حالكة.
- Apple (España) — خزانة عرض بيضاء
- teenage engineering — كتالوج صناعي لإضاءة الاستوديوهات - المنتج هو العنصر المهم الوحيد في الصفحة، وكل شيء آخر يُناقش حوله.
- Apple (España) — نافذة معرض فني في ضباب الصباح
- Apple (España) — معرض المتحف الأبيض عند الظهر