MAKR
خزانة عرض متحفية للمنتجات الجلدية المصنوعة يدوياً. غرفة هادئة بيضاء بالكامل، حيث تطفو ملصقات مكتوبة بحبر أسود دافئ أسفل صور كبيرة لمنتجات جلدية محمولة باليد أو أمام مناظر طبيعية، والتباين اللوني الوحيد هو شريط باهت بلون المريمية.
MAKR عبارة عن معرض تحريري إلكتروني متخصص في المنتجات الجلدية المصنوعة يدويًا، مبني على لوحة ألوان أحادية اللون تقريبًا، حيث تُهيمن الصور الفوتوغرافية على المحتوى. يبرز شريط إعلاني علوي بلون رمادي باهت (مع لمسة خفيفة من الأخضر الزيتوني)، بينما تُعرض جميع العناصر الأخرى - الأسطح والنصوص والفواصل والروابط - بحبر أسود دافئ وعميق على خلفية بيضاء. أما الطباعة، فهي من طراز Sohne neo-grotesque في أبسط صورها: خطوط صغيرة، تباعد واسع بين الأسطر، وتباعد إيجابي بين الأحرف الكبيرة في التعليقات، مما يُضفي على النص طابعًا فنيًا، وليس واجهة موقع إلكتروني. التصميم مُهيمن عليه الصور، غير متماثل، وبسيط، أشبه بالمتحف: تُصوَّر المنتجات في اليد، وفي المناظر الطبيعية، وتحت الإضاءة الطبيعية، مع تعليقات صغيرة تُشبه الروابط أسفلها. تكاد العناصر غير مرئية - روابط نصية مسطرة، حقول إدخال مخفية، بدون ظلال، بدون أزرار مستديرة - مما يسمح للجلد والصور الفوتوغرافية بلعب دور محوري في تشكيل العلامة التجارية.
تصميم يمتد من الحافة إلى الحافة دون حد أقصى لعرض المحتوى، حيث تملأ الصور كامل مساحة العرض. يشغل إعلان البانر العلوي العرض الكامل، يليه شريط التنقل العلوي بعرض كامل أيضًا. تستخدم منطقة المحتوى الرئيسية شبكة صور متعددة الأعمدة (عمودان أو ثلاثة على أجهزة سطح المكتب) مع هوامش ضئيلة أو معدومة، مما يسمح للصور بتكوين بنيتها البصرية الخاصة. توضع النصوص والروابط في مساحات بيضاء أسفل الصور، دون أي تداخل. تتناوب الأقسام التحريرية بين شبكات المنتجات وصور نمط الحياة بعرض كامل. يتميز التصميم بتوزيع رأسي واسع (هامش 80-1.5 سم بين الأقسام)، مما يخلق شعورًا بالتجول في معرض فني. نافذة الاشتراك في النشرة الإخبارية عبارة عن لوحة ثابتة في أسفل اليسار، بينما توجد لوحة اشتراك قابلة للإغلاق في أسفل مساحة العرض. الانطباع العام هو أشبه بكتالوج متحف أو صفحة تحريرية، وليس تصميمًا تقليديًا للتجارة الإلكترونية.
تُشكّل الصور الفوتوغرافية جوهر محتوى العلامة التجارية ولغتها. يتعايش نمطان: (1) صور كبيرة بالأبيض والأسود للمنتج في اليد، مربعة أو مُقتطعة بنسبة 3:4، ذات تباين عالٍ، حيث يملأ المنتج الإطار دون سياق نمط الحياة؛ (2) صور ملونة لنمط الحياة في ضوء طبيعي دافئ، مناظر طبيعية بألوان ترابية، عارضات أزياء أثناء التنقل مع حقائب، مُلتقطة من زوايا منخفضة مع عمق مجال ضحل. يُضفي التناوب بين الصور الرمادية والملونة إيقاعًا بصريًا متناغمًا على الصفحة. لا توجد رسومات توضيحية، ولا مجسمات ثلاثية الأبعاد، ولا رسومات تجريدية. تشغل الصور الصفحة بأكملها أو تمتد على عرضها بالكامل، ضمن خلايا شبكية بنصف قطر صفري وبدون حدود. الأيقونات غائبة أو محدودة للغاية - علامة إغلاق بسيطة، لا أكثر.
لوحة الألوان
حيادي
- Obsidian Ink
#1c1717— النص الرئيسي، وجميع روابط النصوص، ومحتوى النص، والعناوين، ومخططات الأيقونات، وخطوط الحدود الدقيقة في جميع أنحاء واجهة المستخدم. هذا هو اللون الأساسي - بنسبة 17.7:1 على خلفية بيضاء، مستخدم في أكثر من 5000 موضع. تضفي درجته الدافئة الرقيقة (ليست سوداء تمامًا) على الواجهة بأكملها إحساسًا بكتالوج مطبوع بدلًا من شاشة. - Paper
#ffffff— استخدم هذا اللون كلون أساسي لأزرار الحث على اتخاذ إجراء، مثل الحدود الرقيقة والفواصل وخطوط حقول الإدخال وحواف البطاقات على الأسطح الفاتحة. - Bone
#f0f0f0— سطح ثانوي للأقسام المتناوبة، مما يخلق خلفيات لوحات دقيقة، وحدود/فواصل داخلية. يخلق هذا السطح درجة لون رمادي دافئ خفيفة بين بياض الورق والأخضر الفاتح للإعلان. - Eucalyptus Mist
#a9aea9— خلفية إعلان البانر في أعلى الصفحة، وانتقالات لونية هادئة بين الأقسام، وإطار ثانوي. يبدو بمفرده رماديًا تقريبًا، ولكن عند استخدامه على كامل العرض، يكتسب لونًا أخضر فاتحًا خفيفًا - وهو اللون الوحيد المميز في التصميم أحادي اللون.
الطباعة
من 11 إلى 32 بكسل · 5 خطوات
- Sohne Web — الاستبدال: Inter · الخطوط العريضة 400 · يُستخدم نمط واجهة المستخدم بالكامل - النص الرئيسي، والتنقل، والروابط، والعناوين، والأزرار، وحقول الإدخال، والأيقونات، وشروح الصور. يمنح خط Sohne بوزن 400 (لم يتم العثور على أي نسخ عريضة) برنامج MAKR تعبيره الهادئ والواثق في آنٍ واحد: حيث تُنقل المعلومات من خلال حجم الخط والمسافة بين الأحرف، وليس من خلال تباين أوزانها. البدائل: Inter، أو Söhne، أو Untitled Sans.
- CircularXXMonoWeb — الاستبدال: JetBrains Mono · الخطوط العريضة 400 · يُستخدم فقط للتعليمات الفنية أو مواصفات المنتج في بعض الأحيان - بخط أحادي المسافة خافت يكسر إيقاع الخط النيو-غروتيسكي. استخدمه باعتدال: رمز المنتج، مواصفات المواد، لا غير. استبدله بـ: JetBrains Mono أو IBM Plex Mono.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 5-8px |
| نصف قطر الزر | 0px |
| نصف قطر البطاقة | 0px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 80-120px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب MAKR وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- FARFETCH España — معرض أزياء على طراز "المكعب الأبيض". تخيل مساحة تجارية راقية حيث الجدران والأرضيات والتجهيزات بيضاء ناصعة، والملابس والأشخاص الذين يرتدونها هم فقط من يخلقون كل لون وملمس وتعبير بصري.
- Franco Maria Ricci Editore — كتالوج معرض آرت ديكو - خطوط ذهبية مصقولة على ورق بردي أبيض ناصع
- Laura Monin — جدار معرض تحريري، رخام أبيض، ختم حبر
- OhDada — جدار معرض التحرير
- Cursor — ورشة عمل دافئة لطباعة الرق، مضاءة بجمر متوهج
- Structured — معرض عصر النهضة على ورق يشبه الصلصال
- MindMarket — كتاب قصص خيالية مريح مطبوع على ورق كريمي اللون - لوحة تحريرية ودية تتعايش فيها عناوين إنتر الكبيرة وشخصيات الورق المقصوصة على سطح ناعم مشمس.
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Apple (España) — تتميز قاعة المتحف، بضوء النهار الخافت، بمساحة بيضاء واحدة آسرة وخفيفة الوزن، حيث يتم إضاءة كل معروض بواسطة ضوء كاشف على جدار ملون بشكل خفيف.
- Lamborghini — سيارة واحدة صفراء اللون معروضة في صالة العرض تحت الأضواء الكاشفة، وهيكلها أسود.
- Amplemarket — مكان عمل غارق بأشعة الشمس ومغطى بالقصاصات الورقية الملونة
- Getharvest — مكتب في وقت الغروب – لوحة قماشية بلون كريمي دافئ، وبطاقات بريدية بيضاء معلقة على اللوحة، وشعلة برتقالية ساطعة واحدة