Zellerfeld
ورشة نحات على رخام أبيض - الأسطح المتجانسة للقاعدة، شرارة واحدة من الكوبالت، وهمس من الأحرف الصغيرة من الأرض إلى السقف
يبدو موقع زيلرفيلد أشبه بمعرضٍ للنحاتين الرقميين على الرخام الأبيض، وسوقٍ للأحذية المطبوعة بتقنية الطباعة ثلاثية الأبعاد، حيث تسمح الأسطح أحادية اللون والمساحات البيضاء الواسعة والخطوط الكبيرة ذات الأحرف الصغيرة لكل منتج بأن يبدو وكأنه قطعة أثرية. واجهة المستخدم بسيطة للغاية: لوحة أحادية اللون مع لون كوبالت كهربائي واحد (#000aff) مخصص للحالات العاجلة - الأيقونات، وقائمة "المتجر" النشطة، وحالة الشريحة الحالية. تطفو البطاقات على خلفية رمادية لؤلؤية دافئة، بدلاً من الأبيض النقي، مما يمنح الشبكة ملمسًا يشبه الجبس. يبقى نوع الخط المستخدم خطًا مخصصًا واحدًا بدون serif (Roobert) بتباعد ضيق بين الأحرف، ويُستخدم خط Space Mono فقط للتسعير وقوائم المنتجات والبيانات الوصفية الفنية. ونتيجةً لذلك، تبدو صفحة المنتج أقرب إلى موقع دار نشر تصميم منها إلى صفحة دفع في متجر تجزئة - حيث يتم تصوير المنتجات، لا بيعها.
تمتد الصفحة على كامل عرضها، وتتضمن شريط محتوى بعرض 1440 بكسل. العنصر الرئيسي عبارة عن بانر صور بملء الشاشة مع واجهة مستخدم عائمة. تستخدم أقسام المنتجات شبكة من 4 أعمدة، تتقلص إلى عمودين على الأجهزة اللوحية وعمود واحد على الأجهزة المحمولة. تسلسل الأقسام كالتالي: وصف المنتج الكامل ← شبكة تقييم المحتوى ← شبكة الإصدارات الجديدة ← لوحة معلومات الاتصال الصحفي. يُركز كل قسم من أقسام المنتجات محتواه داخل الشريط، ويستخدم مسافة رأسية 80 بكسل بين الأقسام. شريط التنقل العلوي ثابت في صف واحد مع شريط إعلاني رفيع أعلاه. بطاقات المنتجات مُحاذية لشبكة مُحددة بدقة - حيث تتمركز منطقة الصورة دائمًا على صورة الحذاء مع مسافة 40 بكسل من أعلى وأسفل البطاقة، وترتبط مجموعة البيانات الوصفية بالزاوية السفلية اليسرى مع شعار العلامة التجارية بحجم 40×40 بكسل.
تُهيمن صور المنتجات على المشهد البصري، حيث تُصوَّر كل حذاء على سطح أبيض ناصع أو جصي بزاوية ثلاثة أرباع، لتملأ البطاقة بالكامل دون أي سياق أو عارضة أو خلفية. العنصر الأساسي هو صورة نمط حياة متكاملة: لقطات مُقتطعة لأقدام وأحذية على رمال أو خرسانة، دائمًا بحجم بشري، وبجودة استوديو احترافية. ينطبق مبدأ "الموضوع هو العنصر الأساسي"، حيث تشغل الأحذية 40% من المساحة المرئية للإطار، حتى في العنصر التحريري الرئيسي. لا تُستخدم أي عناصر رسومية زخرفية أو أنماط تجريدية أو رسومات توضيحية. الأيقونات خطية، محددة باللون الأسود، غير ملونة أو مُعبأة.
لوحة الألوان
ماركة
- Electric Cobalt
#000aff— أيقونات جديدة، شريط تنقل نشط، مؤشر الشريحة الحالية، لحظات التنشيط - الإشارة اللونية الوحيدة في النظام، والتي تستخدم باعتدال بحيث يُنظر إليها على أنها تنشيط وليست مجرد زخرفة.
حيادي
- Pale Iris
#e5e7ff— لون جديد لتعبئة الشارات، وإضاءة ناعمة، وسطح ملون لخيارات وضع العلامات - درجة لون كوبالت هادئة تلمح إلى اللون دون الإخلال بلوحة الألوان أحادية اللون. - Ink Black
#111111— نص الصفحة، والحدود الافتراضية، ومخططات الأيقونات، والفواصل الرفيعة - اللون الهيكلي السائد للعناوين والقوائم والروابط. - Pure White
#ffffff— يُفضّل استخدام نماذج محايدة، ونصوص أيقونات، وتعليقات واجهة مستخدم بسيطة حيثما يكون اللون خفيفًا. تجنّب استخدامه كلون أساسي لعبارات الحث على اتخاذ إجراء. - Plaster
#ecedee— سطح ثانوي لبطاقات المنتجات، وخلفية شريط التنقل، ومستوى مرتفع أملس فوق اللوحة القماشية. - Slate
#a1a4aa— لون إطار البطاقة، ولون تعبئة الزر المحايد، وحدود الزر الباهتة هي درجات رمادية تبرز حواف البطاقة دون أن تجعلها داكنة. - Fog
#d7d7d7— إطار بطاقة خفيف، خطوط فاصلة، تلوين السطح غير النشط.
الطباعة
من 13 إلى 128 بكسل · 7 خطوات
- Roobert — الاستبدال: Inter · الخطوط العريضة 400, 500, 600, 700 · يُستخدم خط العلامة التجارية الأساسي في كل شيء، بدءًا من نصوص المحتوى وصولًا إلى العناوين الرئيسية. يتميز الخط بتباعد أسطر ثابت في جميع الأحجام، مما يمنح الأحرف الصغيرة في الشعار كثافةً ووضوحًا. يزداد سُمك الخط تبعًا للسياق: 400 لنصوص المحتوى وواجهة المستخدم، و500 للعناوين المميزة، و600 لأسماء المنتجات، و700 للعناوين الكبيرة.
- Space Mono — الاستبدال: JetBrains Mono · الخطوط العريضة 400, 600 · تتم إضافة البيانات الوصفية الفنية - الأسعار (189.00 يورو)، والقيم العددية لأفضل 10 مراكز، ورموز المؤشرات، وأسماء المتاجر - حيث ينبغي اعتبار الصفحة بمثابة مواصفات فنية بدلاً من نص ترويجي.
- Arial — الاستبدال: Inter · الخطوط العريضة 400 · Arial - تم العثور عليه في البيانات المستخرجة ولكن لم يتم وصفه بواسطة الذكاء الاصطناعي.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | متوسط |
| الخطوة الأساسية | 16px |
| نصف قطر الزر | 10px |
| نصف قطر البطاقة | 10px |
| الظلال | الحد الأدنى |
| بين الأقسام | 80px |
| عرض الصفحة | 1440px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Zellerfeld وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Apple (España) — خزانة عرض بيضاء
- Silencio — غرفة بيضاء مع قطع أثرية عائمة. عرض فني مصنوع من ورق دافئ، حيث يشغل كل عنصر مكانه على خلفية من الفراغ، والصمت قرار تصميمي مقصود.
- Oakâme — ورشة عمل بروفنسالية مشمسة منحوتة من الحجر الدافئ
- Nike — معرض أحادي اللون للإنجازات الرياضية – جدران بيضاء، والمنتج كعمل فني، والكروم مذاب في الخلفية
- Arc — معرض أبيض صناعي فوق مياه منتصف الليل
- Rivian — كتلة كهربائية ضخمة على جدار خرساني في المعرض. يقدم ريفيان كل مركبة كعمل فني منحوت على خلفية بيضاء واسعة، مع كتابة كبيرة الحجم لدرجة أنها تصبح عنصرًا معماريًا، ولون أصفر دافئ واحد يكسر الجو الأحادي اللون، مثل ضوء الشمس على سطح غير لامع.
- Analogue — خزانة عرض سوداء – البضائع تطفو في الفراغ
- ddna — خزانة عرض متحفية دافئة على قماش كتان غير معالج
- UY Studio — يُعد معرض الدير الحجري مساحة هادئة بجدران خرسانية، حيث تقف زجاجات العطور على قواعد بيضاء، مضاءة بمصباح واحد بقوة 400 واط وأربعة مصابيح رمادية دافئة.
- Basic.Space — معرض فني على الرخام الأبيض
- COS — معرض عصري ذو جدران بيضاء