Mid-Century Modern
صفحات بلون قشر البيض، وعناوين بخط مذيَّل مائل، ورسوم خطية من العصر الذرّي لكتّاب التصميم.
يعامل Mid-Century Modern المدوّنة كأنها مجلة تصميم من خمسينيات القرن الماضي تُركت مفتوحة على طاولة القهوة. يستقرّ النص بلون الإسبريسو على صفحة بلون قشر البيض، ويُميَّز كل ما يمكن الضغط عليه بالبرتقالي المحروق والخردلي، وتلتزم الصفحة الرئيسية بالزوايا الحادة والخطوط الرفيعة بعرض بكسل واحد. تُفتتح الصفحة الرئيسية بالكلمات بدل الصورة، ثم تأتي مقالة مميّزة واحدة، فرسم نجمي، فأربع مقالات أخرى مصفوفة أزواجًا.
شاهد العرض التفاعلي بالإنجليزية · محتوى العرض المباشر مكتوب بالإنجليزية.
لمن يناسب
يخاطب القالب من يكتبون عن الغرف وما فيها من قطع: مصمّمي الديكور الداخلي، ومرمّمي أثاث منتصف القرن العشرين، وتجّار القطع العتيقة والتحف، ومدوّني تجديد البيوت، ومؤرّخي التصميم الصناعي. ولأن المتجر يعيد استعمال شارات التصنيف المربعة والخطوط الرفيعة والأزرار الخردلية نفسها، يستطيع التاجر أن يعرض قطعه إلى جانب القصص التي تقف وراءها. وتجاوزه إن أردت ألوانًا داكنة، أو أكثر من خمس مقالات في الصفحة الرئيسية، أو صورة كبيرة في الأعلى، لأن شاشته الأولى مبنية على الحروف وحدها.
ما الذي يميّزه
عنوان مصفوف بالحروف لا بالصورة
لا تحتوي الصفحة الرئيسية على صورة في قسم الواجهة. يعلو شريط خردلي قصير عنوانًا مائلًا بخط مذيَّل في منتصف الصفحة نصّه «قصص من عصر تصميم أكثر دفئًا»، ويصل حجمه إلى 96 بكسل، وفي النسخة الإنجليزية تُلوَّن فيه كلمة warmer بالبرتقالي المحروق. ويأتي تحته وصف موقعك، ثم زر «تصفّح الأرشيف»، ورابط مسطَّر إلى صفحة التعريف (About) إن كانت لديك.
مقالة مميّزة واحدة ثم أربع في أزواج
تملأ أحدث مقالاتك بطاقة عريضة مقسومة تقريبًا بنسبة 55 إلى 45 بين الصورة والنص، وتعرض وسمها الأول وعنوانها ومقتطفها وتاريخها ومدة قراءتها. وتصطف المقالات الأربع التالية في شبكة من عمودين على بطاقات بلون خشب الساج الفاتح، يتحوّل إطارها إلى البرتقالي عند مرور المؤشر. وتحصل بطاقة الشبكة التي لا صورة لها على واحد من أربعة تدرّجات لونية مأخوذة من لوحة القالب.
زخارف مرسومة بخط واحد
ثلاثة رسوم خطية مكتوبة داخل الشيفرة نفسها بدل أن تُستعار من مكتبة أيقونات: نجمة بثمانية أشعة بين خطين رفيعين بلون الزيتون بعد المقالة المميّزة، ومنحنى خردلي على شكل بومرانغ قبل التذييل، وشكل ذرّة تدور حولها المدارات في وسط التذييل، يعود أكبر حجمًا وباهتًا في صفحة الخطأ 404.
زر اشتراك مربع وصندوق تسجيل في ختام المقالة
أنشئ نشرة بريدية أو عضوية وشغّل «عرض أداة الاشتراك في المدونة»، فيجد الزوّار الذين لم يسجّلوا الدخول زر «اشترك» (Subscribe) خردليًّا مربعًا في الشريط العلوي، ونظيرًا له بعرض كامل في القائمة الجانبية للجوال. وفوق تعليقات كل مقالة مربع «تابع قراءة» (Keep reading)، وحقل البريد فيه يسجّل القارئ دون أن يغادر الصفحة.
متجر يمكنك تضييق نتائجه
يُفتتح المتجر بشريط خردلي وعنوان مائل، ثم مربع بحث، وشارات تصنيف مربعة تمتلئ بالخردلي حين تُفعَّل، وحقلان للسعر «من» و«إلى»، وخانة لما هو متوفّر في المخزون. وتُعرض المنتجات على بطاقات بلون الساج الفاتح بصورة بنسبة 4:3، مع تصنيف بلون الزيتون واسم مائل وسعر برتقالي، ويمكن أن تتلاشى صورتها لتحلّ محلها صورة ثانية عند مرور المؤشر.
صفحات منتجات على هيئة مدخل في كتالوج
يتقاسم العنوانُ والوصفُ المختصر والسعرُ البرتقالي لوحة محدَّدة الإطار، مع زر «أضف إلى السلة» متى ربطت وسيلة دفع، وزر خردلي للتسليم الفوري حين يكون Stripe مفعّلًا. وتحتها المعرض بنسبة 16:9 ومصغّراته، ومربع للوصف، وقائمة «ما يتضمنه» بعلامات صحّ، وقسم أسئلة وأجوبة قابل للطي.
صفحة بصفحة
- الصفحة الرئيسة
- واجهة من الحروف وحدها مع شريط خردلي، وبطاقة مميّزة، وفاصل على شكل نجمة، وأربع مقالات متقابلة أزواجًا.
- المدوّنة
- اسم الموقع تعلوه عبارة «جميع المقالات»، وكبسولات للتصفية، وبطاقات مستديرة ثلاث في الصف، وأرقام صفحات مع «التالي».
- المقال
- سطر للوسم والتاريخ، وعنوان بخط مذيَّل، والكاتب بأحرف اسمه الأولى، والغلاف العريض 16:9، ومواضع للإضافات، وتعليقات.
- الصفحة
- عمود نص عرضه 720 بكسل تتقدّمه تسمية صغيرة وعنوان مذيَّل وتمهيد، بين الشريط العلوي المشترك والتذييل ذي الأقسام الثلاثة.
- المتجر
- مربع بحث، وتصفية بالسعر والمخزون، وشارات تصنيف مربعة، وبطاقات منتجات بلون الساج الفاتح.
- المنتج
- لوحة عنوان محدَّدة الإطار مع السعر، ثم المعرض ومصغّراته، و«ما يتضمنه»، وأسئلة شائعة تنطوي وتنبسط.
كيف تخصّصه
يسلّمك Mid-Century Modern معظم لوحته حين يكون «طبّق هويتي على مظهر الموقع بالكامل» مشغّلًا (من «التصميم العام»). فيصير لون قشر البيض لون خلفيتك، والإسبريسو لون نصك، ويتولّى اللون الأساسي (Primary) البرتقالي المحروق في الأزرار واسم الموقع والكلمة الملوّنة في العنوان، ويتولّى لون التمييز (Accent) الأشرطة والأزرار الخردلية. ويتبعها كذلك لون النص الثانوي ولون الحدود وخطّا العناوين والنص، وإذا غيّرت الخلفية صارت خلفيات البطاقات والتذييل بلون الساج الفاتح درجةً مشتقّة منها. أما لون الزيتون، والدرجات الأغمق عند مرور المؤشر، والزوايا الحادة، فتبقى كما رُسمت.
حدود نذكرها بصراحة
- لا وجود لنسخة داكنة، وضبط الوضع الداكن أو الفاتح في نظام الزائر لا أثر له.
- لا تتّسع الصفحة الرئيسية لأكثر من خمس مقالات، مميّزة وأربع في الشبكة، ولا ترقيم فيها. وعنوانها نص ثابت من القالب لا إعداد يمكن تغييره، ولا يعرض قسم الواجهة أي صورة حتى لو أعددت وسائط للواجهة.
- عدة ألوان لا تتبع هويتك: لون الزيتون في تسميات الأقسام والزخارف وتصنيفات المتجر، والدرجات الأغمق عند مرور المؤشر، والتدرّج الكريمي والبرتقالي والأزرق المخضرّ الذي يظهر في المقالة التي لا صورة غلاف لها.
- تذكر قوائم الخطوط خط Fraunces للعناوين وخط Public Sans للنص، لكن القالب لا يحمّل أيًّا منهما، لذا يرى معظم الزوّار خط Georgia وخط النظام غير المذيَّل بدلًا منهما، ما لم تشغّل خيار تطبيق الهوية وتختر خطوطك في «التصميم العام».
- الصفحات الداخلية أقل صرامة من الصفحة الرئيسية: يستعمل فهرس المدوّنة عنوانًا عريضًا بخط غير مذيَّل، وبطاقات مستديرة الزوايا، وأزرار تصفية على شكل كبسولات. ووسوم المقالة نص غير مرتبط بأي رابط، والمتجر بلا زر أمنيات.
المواصفات
- الفئة
- تصميم داخلي
- السعر
- مضمَّن
- التوفّر ضمن الخطط
- مُضمَّن في كل خطط VeloCMS
- جاهز للتجارة الإلكترونية
- نعم
- الحركة
- لا
الأسئلة الشائعة
هل يمكنني كتابة عنوان الصفحة الرئيسية بنفسي؟
ليس من الإعدادات. فعبارة «قصص من عصر تصميم أكثر دفئًا» جزء من نصوص القالب نفسه. أما ما تتحكّم فيه فهو السطر الذي تحته، وهو وصف موقعك؛ وإن لم تكتب وصفًا يظهر سطر تجريبي عن البيوت والمصمّمين والكراسي.
ماذا يحدث للعناصر المتفرّعة في القائمة؟
في الشاشات العريضة تظهر تحت أصلها في لوحة بلون قشر البيض بزوايا حادة. وفي ما دون 1024 بكسل يكشف زر القائمة لوحة جانبية أقصى عرضها 320 بكسل، تخرج من طرف نهاية السطر فتنعكس في العربية كما يجب، وتُعرض فيها الروابط المتفرّعة مبسوطة بإزاحة عن الحافة، مع صف للحساب، وصفّين للسلة والاشتراك حين ينطبقان.
هل في القالب رسوم متحركة؟
لا عند فتح الصفحة ولا عند التمرير فيها. تتغيّر ألوان الروابط وإطارات البطاقات عند مرور المؤشر، وتعلو بطاقات فهرس المدوّنة بكسلين، وتتبدّل صورة بطاقة المتجر تدريجيًّا بصورة ثانية. ولمن ضبط نظامه على تقليل الحركة، تجعل الأنماط العامة للموقع كل هذه التغييرات فورية.
هل تنسجم صفحتا تسجيل الدخول والخطأ مع بقية الموقع؟
نعم. تعرض صفحة الخطأ 404 رسم الذرّة الباهت، والشريط الخردلي، وعنوانًا مائلًا، ورابطين يعيدان الزائر إلى داخل الموقع. ويأتي نموذج تسجيل الدخول في لوحة مسطّحة بلون الساج الفاتح تحت تسمية صغيرة هي «الغرفة الخلفية»، وتحمل صفحة الاشتراك تسمية «انضم إلى الأرشيف».
كيف يبدو موقع جديد تمامًا؟
يحافظ التصميم على شكله. فقبل أن تنشر شيئًا، تعرض البطاقة المميّزة تدرّجًا خردليًّا ودعوة لكتابة مقالتك الأولى، وتعرض الشبكة بطاقتين مؤقتتين بتدرّجات من لوحة القالب.