Bauhaus Geometric
كتل بالألوان الأساسية وحروف ثقيلة كبيرة وخطوط سوداء للكتابة عن التصميم.
يعامل Bauhaus Geometric الصفحة الرئيسية كأنها ملصق من ملصقات مدارس التصميم. يُكتب اسم موقعك بأحرف كبيرة ضخمة، ويقود زرّ أحمر إلى المدوّنة، ثم يقدّم صفٌّ من ثلاثة أشكال مسطّحة، دائرة حمراء ومربّع أزرق ومثلث أصفر، أحدثَ أعمالك. وتحت ذلك تصطفّ المقالات في شبكة من كتل لونية صافية يحيط بها خطّ أسود بسماكة بكسلين، وتتراكب في التذييل أشرطة من الألوان الأساسية.
شاهد العرض التفاعلي بالإنجليزية · محتوى العرض المباشر مكتوب بالإنجليزية.
لمن يناسب
صُمّم هذا القالب لمن يكتبون عن طريقة صنع الأشياء وتشكيلها: مصمّمو المنتجات والتصميم الصناعي الذين يحتفظون بيوميات للاستوديو، والمعماريون الذين ينشرون ملاحظات مشاريعهم، ومصمّمو الديكور الداخلي، وطلاب التصميم الذين يوثّقون أعمالهم الدراسية، ومؤرّخو الحركة الحديثة. ويناسب كذلك الاستوديو الصغير الذي يبيع مطبوعات أو قطعًا أو ملفات قابلة للتنزيل، لأن المتجر يعيد استخدام الكتل الملوّنة نفسها. أما شبكة الصفحة الرئيسية فنصّية خالصة بلا صور مصغّرة، فإن كانت مقالاتك تعتمد على صورة افتتاحية فسيخدمها على نحو أفضل قالبٌ يقدّم الصورة أولًا مثل Aperture.
ما الذي يميّزه
ملصق في موضع قسم الواجهة
القسم الافتتاحي هو اسم موقعك بحجم يصل إلى 160 بكسلًا، ثقيلًا وبأحرف كبيرة، وتحته وصف موقعك وزرّ أحمر يقود إلى المدوّنة. وعلى الشاشات العريضة يطفو بجانب الحروف مربّع أصفر ودائرة زرقاء، ويختفيان كلاهما تحت عرض 900 بكسل ليتّسع المكان للاسم.
بطاقات كتلية بالألوان الأساسية الثلاثة
تملأ أحدثُ ست مقالات شبكةً من ثلاثة أعمدة تتناوب بطاقاتها بين الأصفر والأزرق والأحمر والأبيض. كل بطاقة نصّ خالص: أول وسم في هيئة تسمية صغيرة، ثم عنوان بأحرف كبيرة، فالمقتطف والتاريخ، دون أي صورة مصغّرة. وحين يمرّ المؤشر فوق البطاقة يُرسم حولها إطار أسود سميك.
تذييل من ثلاثة أشرطة ملوّنة
يظهر شريط أصفر متى أضفت تصنيفات، فيعرض ثلاثة منها على الأكثر بجانب اسمك، ويحمل شريط أزرق رابط «حول»، ويضمّ شريط «Connect» الأحمر روابط RSS والخصوصية والشروط. ومتى أُعدّت نشرة بريدية أو عضوية وكانت أداة الاشتراك مفعّلة، يظهر رابط «اشترك» هناك، كما يظهر زرًّا أصفر في شريط التنقّل، ومربّعًا للبريد الإلكتروني تحت المقالات.
أرشيف بسيط ومقالات مريحة للقراءة
يضمّ الأرشيف أزرار تصنيفات، وشبكة بطاقات من ثلاثة أعمدة بصور الغلاف ومدّة القراءة، وترقيمًا للصفحات بالأرقام مع رابط للصفحة التالية. وتُفتح المقالة برابط رجوع، ثم الوسم والتاريخ، فالعنوان والمقتطف، وسطر للكاتب يحمل الأحرف الأولى من اسمه، ثم صورة الغلاف؛ أما المقالة التي لا غلاف لها فيظهر مكان غلافها تدرّج أحمر وأزرق وأصفر. وتُختم المقالة بالتعليقات.
متجر مصنوع من الكتل نفسها
تكرّر بطاقات المنتجات تناوب الألوان الأربعة داخل خطوط سوداء، وتظهر صورة ثانية تدريجيًا عند مرور المؤشر فوق البطاقة إن كانت للمنتج صورة أخرى. وتضيف صفحة المتجر بحثًا وأزرار تصنيفات ونطاقًا للسعر وخيارًا لعرض المتوفّر فقط. أما صفحة كل منتج فتجمع معرض الصور وقائمة «Included» إلى جانب لوحة شراء صفراء.
قائمة جانبية سوداء وقوائم متداخلة
يفتح مربّع أصفر قائمة جانبية سوداء من جهة بداية الصفحة، روابطها بخط كبير وأحرف كبيرة، ويحلّ هذا المربّع محلّ روابط سطح المكتب تحت عرض 1024 بكسلًا. وفي القائمة البسيطة يتلوّن رابط الصفحة الرئيسية أو المدوّنة بالأصفر حين تكون فيها. أما العناصر التي لها عناصر فرعية فتصير على سطح المكتب قوائمَ منسدلة سوداء مربّعة الزوايا، وفي القائمة الجانبية شجرةً مفتوحة بالكامل.
صفحة بصفحة
- الصفحة الرئيسة
- اسم الموقع بحروف عملاقة، وزرّ أحمر للمدوّنة، وفاصل الدائرة والمربّع والمثلث، وست بطاقات من الكتل الملوّنة، والتذييل ذو الأشرطة.
- المدوّنة
- أزرار التصنيفات، وبطاقات بالصور ومدّة القراءة في ثلاثة أعمدة، وصفحات مرقّمة مع رابط للصفحة التالية.
- المقال
- سطر الوسم والتاريخ، وسطر الكاتب بالأحرف الأولى، والغلاف أو التدرّج البديل، ومواضع للإضافات حول النص، ومربّع للبريد حين يكون الاشتراك مفعّلًا، والتعليقات.
- الصفحة
- عنوان صغير وعنوان رئيسي وسطر تمهيدي فوق كتل منشئ الصفحات، بين شريط التنقّل نفسه والتذييل ذي الأشرطة.
- المتجر
- عنوان ضخم بجانب مربّع أصفر، وبحث، وأزرار تصنيفات، وتصفية بالسعر والتوفّر، وبطاقات منتجات بالألوان الأربعة.
- المنتج
- معرض صور بمصغّرات، ووصف، وقائمة «Included»، وأسئلة شائعة قابلة للطيّ، ولوحة صفراء بالسعر وأزرار السلة.
كيف تخصّصه
فعّل في «التصميم العام» (Global Design) خيار «طبّق هويتي على مظهر الموقع بالكامل»، فتتبعك خمسة من ألوانه: الخلفية، ولون النص، ولون النص الثانوي، والأحمر (لونك الأساسي)، والأزرق (لون التمييز). ويتحكّم لون النص أيضًا في العناوين وفي كل خط أسود وفي شريط حقوق النشر. ويحلّ خط العناوين لديك، أو خط النص إن لم تحدّد خطًا للعناوين، محلّ Inter في الموقع كله. أما الأصفر فيبقى ثابتًا على #FFD400، وكذلك الأشكال الثلاثة في الفاصل، فيحتفظ الموقع بعد إعادة تلوينه بلون واحد لا يتغيّر. ولا أثر لإعداد استدارة الزوايا في هذا القالب.
حدود نذكرها بصراحة
- القالب فاتح فقط. لا تحتوي أنماطه على لوحة داكنة، ولا تستجيب لتفضيل نظام الألوان في جهاز الزائر.
- لا تعرض بطاقات الصفحة الرئيسية أي صور. تظهر صور الغلاف في بطاقات أرشيف المدوّنة وأعلى المقالات فقط.
- شبكة المتجر مثبّتة على ثلاثة أعمدة، وصفحة المنتج على تقسيم من عمودين، عبر أنماط مضمّنة، ولا توجد في القالب نقطة توقّف تجعلها تتراصّ عموديًا، فجرّب الصفحتين على الهاتف قبل أن تعتمد عليهما.
- الوسوم تحت المقالة تسميات عادية لا روابط، ولا يضمّ أرشيف المدوّنة مربّع بحث؛ فالمتجر وحده فيه بحث.
المواصفات
- الفئة
- تصميم
- السعر
- مضمَّن
- التوفّر ضمن الخطط
- مُضمَّن في كل خطط VeloCMS
- جاهز للتجارة الإلكترونية
- نعم
- الحركة
- لا
الأسئلة الشائعة
هل توجد نسخة داكنة من Bauhaus Geometric؟
لا. يأتي القالب بلوحة فاتحة واحدة، بلا نسخة داكنة ولا شيء يتبع إعداد نظام الزائر. يمكنك تغميق الخلفية عبر «التصميم العام»، لكن الأصفر لا يتغيّر، فتحقّق من تباين النص إن جرّبت ذلك.
لماذا لا تظهر صور في صفحتي الرئيسية؟
شبكة الصفحة الرئيسية نصّية عن قصد: تعرض كل بطاقة وسمًا وعنوانًا ومقتطفًا وتاريخًا على لون مسطّح. وما تزال صور الغلاف تظهر في أرشيف المدوّنة وأعلى كل مقالة، والمقالة التي لا غلاف لها تعرض بدلًا منه تدرّجًا أحمر وأزرق وأصفر.
هل يتجنّب القالب الخط المائل تمامًا؟
تقريبًا. فالعناوين والبطاقات والتنقّل والتذييل كلها بحروف قائمة ثقيلة وكبيرة. والاستثناء الوحيد هو الاقتباسات داخل المقالات: إذ تُعرض كتل الاقتباس في نص المقالة بخط مائل.
هل أستطيع بيع منتجات به؟
نعم. له صفحة متجر خاصة به فيها بحث وأزرار تصنيفات ونطاق للسعر وخيار لعرض المتوفّر فقط، إضافةً إلى صفحة منتج بمعرض صور وأسئلة شائعة اختيارية قابلة للطيّ، وزرّ للإضافة إلى السلة بعد إعداد وسيلة دفع، وزرّ «Buy Now» أحمر حين يكون Stripe مفعّلًا.