COS
معرض عصري ذو جدران بيضاء
يستوحي موقع COS تصميمه من لغة بصرية تُحاكي صالات عرض الفن المعاصر: جدران بيضاء واسعة، صور فوتوغرافية أحادية اللون كبيرة الحجم، وخطوط لا تُشتت الانتباه عن العارضات. واجهة المستخدم شبه خالية من الألوان - أحادية اللون - حيث يُستخدم اللون الأسود القريب (#080808) على خلفية بيضاء نقية (#ffffff) كتباين هيكلي وحيد، مع لمسة خفيفة من اللون الأحمر (#c80000) تُستخدم كلون ثانوي خفيف لإبراز اللحظات التي تتطلب إحساسًا بالإلحاح دون أن تكون لافتة للنظر. المسافات بين العناصر واسعة ومناسبة للمحتوى التحريري، حيث تصل مسافة بادئة الأقسام إلى 135 بكسل، وتندمج العناصر بسلاسة في الصفحة: حدود رفيعة على خلفية بيضاء، بدون ظلال أو تدرجات لونية أو زوايا مستديرة. الخط المستخدم (SuisseIntl) هو العنصر الزخرفي الوحيد - عائلة خطوط واحدة ذات طابع غريب، ثابتة من التسميات الصغيرة بحجم 12 بكسل إلى أوصاف الفئات بحجم 35 بكسل، مع ميل طفيف نحو اللون الموجب لاستحضار خطوط المعرض.
يعتمد تصميم الصفحة على نموذج كامل الارتفاع، حيث تمتد المساحة من الحافة إلى الحافة دون وجود حاوية ذات عرض أقصى، ويتم تثبيت المحتوى بواسطة صور فاصلة ومساحات بيضاء بدلاً من عمود مركزي. يُشكّل العنصر الرئيسي تقسيمًا رأسيًا متساويًا لصورتين تحريريتين كاملتي العرض، مما يجعله عنصرًا بارزًا في هوية العلامة التجارية. أسفل العنصر الرئيسي، تتناوب الأقسام بين كتل نصية على خلفية بيضاء (مركزية، في عمود واحد) وصور إضافية كاملة الارتفاع. يتميز التصميم الرأسي بالرحابة، حيث تخلق الفجوات بين الأقسام إحساسًا بالمساحة بين الخطوط، كما هو الحال في جدار متحف. يتكون شريط التنقل من شريط أبيض رفيع واحد مع شعار مركزي ومحدد لغة محاذٍ لليمين، ولا يوجد شريط فئات أفقي، ولا قائمة رئيسية ظاهرة في الإطار الرئيسي. كثافة المعلومات منخفضة: عبارة واحدة لكل قسم، وصورة واحدة لكل فكرة.
تهيمن صور الأزياء التحريرية كبيرة الحجم على الصفحة - صور بورتريه كاملة العرض ولقطات ثلاثة أرباع الطول للعارضات، تحت إضاءة استوديو مضبوطة، بألوان محايدة وهادئة في الغالب مع درجات دافئة. الصور متراصة بإحكام، تملأ المساحة من الحافة إلى الحافة، دون زوايا مستديرة أو أقنعة زخرفية أو إطارات متراكبة. إحدى التقنيات المميزة هي إطار "صورتان جنبًا إلى جنب" (MUJER / HOMBRE): صورتان متساويتان في الأهمية موضوعتان جنبًا إلى جنب، كل منهما تحمل علامة فئة واحدة في الزاوية السفلية اليسرى. تُؤطر الصور كما لو كانت مطبوعات فنية - الموضوع بارز، والسياق غائب، والمقياس البشري غائب، والألوان أحادية. لا مشاهد من الحياة، ولا دعائم، ولا خلفيات مزخرفة.
لوحة الألوان
حيادي
- Canvas White
#ffffff— سطح داعم خفيف لإنشاء خلفية غير بارزة وفصل الأقسام. لا ينبغي استخدامه كلون أساسي لدعوة المستخدم لاتخاذ إجراء. - Ink Black
#080808— نص الجسم، والأيقونات، والروابط، ونوع التنقل، وحدود الأزرار، والشعار، ونص التذييل - لون أفتح من الأسود الصافي لمنع الصور من الظهور حادة للغاية عليه. - True Black
#000000— يتم استخدام اللون الأسود النقي فقط للعناصر الطباعية الأكثر تباينًا، وذلك عند وضع النص الرئيسي فوق الصور الداكنة، ونص الجسم، وتسميات الأزرار. - Mist Gray
#dadada— حدود دقيقة، وحقول إدخال مسطرة، وفواصل دقيقة، وخطوط خارجية عند تعطيلها - أهدأ لون محايد، لا يظهر إلا من خلال ما يفصله. - Signal Red
#c80000— يُستخدم اللون الأحمر كلون إضافي لإبراز التفاصيل الزخرفية وللتأكيد على الترددات المنخفضة.
الطباعة
من 12 إلى 35 بكسل · 3 خطوات
- SuisseIntl — الاستبدال: Neue Haas Grotesk Display · الخطوط العريضة 400, 500, 700 · يُستخدم خط واحد في جميع أنحاء واجهة المستخدم للتنقل، والنصوص، والعناوين، والأزرار، ووصف المنتجات. يُعدّ التباعد الإيجابي بين الأحرف (0.01-0.04em) غير معتاد في خطوط الشاشة، ويُحسّن من مظهر الكتالوج المطبوع؛ حيث خُصص وزن 700 لوصف الفئات، و500 للتنقل والأزرار، و400 لبقية العناصر. تتميز العلامة التجارية بالاتساق مع عائلة خط واحدة ونطاق حجم ضيق جدًا (12-35 بكسل)، فلا يطغى الخط على باقي العناصر.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | واسع |
| الخطوة الأساسية | 8px |
| نصف قطر الزر | 0px |
| نصف قطر البطاقة | 0px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 135px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب COS وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Apple (España) — خزانة عرض بيضاء
- Silencio — غرفة بيضاء مع قطع أثرية عائمة. عرض فني مصنوع من ورق دافئ، حيث يشغل كل عنصر مكانه على خلفية من الفراغ، والصمت قرار تصميمي مقصود.
- Oakâme — ورشة عمل بروفنسالية مشمسة منحوتة من الحجر الدافئ
- Nike — معرض أحادي اللون للإنجازات الرياضية – جدران بيضاء، والمنتج كعمل فني، والكروم مذاب في الخلفية
- Arc — معرض أبيض صناعي فوق مياه منتصف الليل
- Rivian — كتلة كهربائية ضخمة على جدار خرساني في المعرض. يقدم ريفيان كل مركبة كعمل فني منحوت على خلفية بيضاء واسعة، مع كتابة كبيرة الحجم لدرجة أنها تصبح عنصرًا معماريًا، ولون أصفر دافئ واحد يكسر الجو الأحادي اللون، مثل ضوء الشمس على سطح غير لامع.
- Analogue — خزانة عرض سوداء – البضائع تطفو في الفراغ
- ddna — خزانة عرض متحفية دافئة على قماش كتان غير معالج
- Zellerfeld — ورشة نحات على رخام أبيض - الأسطح المتجانسة للقاعدة، شرارة واحدة من الكوبالت، وهمس من الأحرف الصغيرة من الأرض إلى السقف
- UY Studio — يُعد معرض الدير الحجري مساحة هادئة بجدران خرسانية، حيث تقف زجاجات العطور على قواعد بيضاء، مضاءة بمصباح واحد بقوة 400 واط وأربعة مصابيح رمادية دافئة.
- Basic.Space — معرض فني على الرخام الأبيض