Le Puzz
صحيفة "صني صنداي سيركولار" هي صحيفة شعبية مليئة بالألغاز.
Le Puzz هو نظام تجارة إلكترونية مُصمم خصيصًا للمتاجر الصغيرة، يتميز بتصميم ثنائي اللون: أصفر غني يشبه خلية النحل، مُقترن بالأسود الفاحم، على خلفية رمادية لؤلؤية هادئة. يجمع تصميمه بين أسلوب الصحف القديمة وأحجية الصور المقطوعة: فالنص مكتوب بخط Times ذي الزوائد، بينما العناوين بخط Times Now المُخصص، في خروجٍ مُتعمد عن تقاليد التجارة الإلكترونية التي تعتمد على الخطوط البسيطة. تتميز واجهة المستخدم بالبساطة والتصميم الشبكي، مما يسمح لتغليف المنتجات (تصاميم كثيفة مُزينة برسومات مليئة بالألعاب) بنقل التأثير البصري. أما عناصر التحكم في الواجهة فهي قوية ومتينة: أزرار ذات إطار أسود على خلفية صفراء، وأيقونات بيضاوية الشكل، وبطاقات بنصف قطر 12 بكسل، ومسافات واسعة بين الأحرف الصغيرة، مما يضفي لمسةً تحريرية حتى على زر "إضافة سريعة".
تصميم شبكي كلاسيكي للتجارة الإلكترونية يتميز بأسلوب تحريري فريد. يتألف رأس الصفحة من شريط أصفر على شكل خلية نحل محاط بإطار أسود بعرض 1 سم، ويضم شعارًا في المنتصف وصفًا إضافيًا من أزرار التنقل. أسفله، وفوق شبكة من ثلاثة أعمدة للمنتجات على خلفية رمادية، يوجد عنوان ترحيبي في المنتصف بخط Times Now. العنصر الرئيسي هو كتلة صور في المنتصف بزوايا مستديرة (40 سم)، محاطة ببطاقتي منتج. يحافظ التصميم على تناسق الأقسام: مساحة رأسية واسعة (30 سم)، أسطح صفراء ورمادية متناوبة، وعرض أقصى يبلغ حوالي 4.5 سم، في منتصف الصفحة. بطاقات المنتجات متساوية الحجم ومرتبة في شبكة أنيقة من ثلاثة أعمدة بمسافات 5 سم بينها. التصميم متناظر ومتناسق مع الشبكة - لا توجد تركيبات غير متناظرة أو عناصر متداخلة.
العنصر البصري هو تصوير المنتج. تُصوَّر علب الألغاز من الأمام مباشرةً على خلفية بيضاء أو محايدة، ثم توضع على خلفية استوديو دافئة زرقاء أو طبيعية. تُظهر الصورة الرئيسية شخصًا يحمل عدة علب ألغاز - رمزًا لنمط الحياة، مُصوَّرًا بحيوية عفوية. أما العبوة نفسها فهي غنية بالرسومات التوضيحية، وتتميز بتصميمها المُكثَّف: مجموعة متنوعة من الألعاب والمنتجات الغذائية والشخصيات بألوان أساسية زاهية مع خطوط سوداء سميكة، مصممة لتبدو كرسومات كتب الأطفال مُوزَّعة على لغز من 500 قطعة. لا توجد رسومات تجريدية، ولا صور ثلاثية الأبعاد، ولا رموز سوى عدسة مكبرة واحدة - الألغاز نفسها هي اللغة البصرية.
لوحة الألوان
ماركة
- Honeycomb Yellow
#ffd931— لون العلامة التجارية الأساسي، وشريط العنوان، وأزرار الإجراءات الأساسية، والحالة النشطة للتنقل، ولون خط أسفل الروابط، ولون التعبئة المميزة - ملاحظة اللون الوحيدة التي يدور حولها كل شيء آخر.
حيادي
- Carbon Black
#000000— يشكل النص الرئيسي والحدود السميكة ومخططات الأزرار ومخططات الأيقونات ونصوص التنقل الأساس الهيكلي للنظام بأكمله. - Ink Black
#231f20— النص الثانوي، النص الأساسي، حدود الأزرار، حدود حقول الإدخال - لون أكثر دفئًا قليلاً، يكاد يكون أسود، لإضفاء شعور أكثر نعومة. - Pearl Gray
#c8cbcd— لوحة الصفحة، وخلفيات بطاقات المنتجات، ومنصة لافتة للنظر تظهر فيها الألوان الصفراء والسوداء. - Fog Gray
#a6a8aa— أسطح شارات هادئة، وخلفيات رقائق ثانوية، وتعبئة دقيقة لواجهة المستخدم. - Smoke Line
#d6d6d6— فواصل رفيعة، فواصل طاولة/بطاقات غير ظاهرة.
الطباعة
من 11 إلى 47 بكسل · 6 خطوات
- Times Now — الاستبدال: Playfair Display · الخطوط العريضة 100, 400 · خط ذو حروف مزخرفة للعناوين الرئيسية والفرعية، يُستخدم للعناوين الأساسية وأسماء المنتجات وعناوين الأقسام. يتميز هذا الخط فائق الخفة بحجم 100 نقطة ومسافة بين الحروف 47 بكسل، مما يُضفي عليه طابعًا تحريريًا كثيفًا وطويلًا؛ كما تسمح أشكال الحروف المكثفة (ارتفاعات الأسطر من 0.87 إلى 0.90) بوضع العناوين الكبيرة بالقرب من النص المصاحب لها، مما يُحاكي الملصق المطبوع.
- Times — الاستبدال: Times New Roman · الخطوط العريضة 400 · يُعدّ استخدام الخط ذي الزوائد في نص الصفحة خيارًا غير متوقع لمتجر إلكتروني، إذ يضفي على الموقع بأكمله طابعًا أدبيًا أشبه بالكتالوجات. كما أن تباعد الأسطر الصغير (1.15) يجعل الفقرات موجزة وسهلة القراءة.
- Helvetica Neue — الاستبدال: Helvetica · الخطوط العريضة 100, 400 · يتم ضبط النصوص الصغيرة في واجهة المستخدم، والنصوص الموجودة على الأزرار، والنصوص الدقيقة بخط 11 بكسل مع تباعد كبير بين الأحرف (0.0730em)، مما يخلق شعورًا بالكتابة بأحرف كبيرة حتى في درجة حرارة الجسم المريحة.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 15px |
| نصف قطر الزر | 12px |
| نصف قطر البطاقة | 12px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 30-40px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Le Puzz وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Agence Foudre — غلاف المجلة ذو لون وردي ناعم يذكرنا بلون أحمر الشفاه.
- INVERSA — محطة طرفية ميدانية طبوغرافية في منتصف الليل. لوحة تحكم مظلمة، حيث يتم وضع خط تحرير ضخم وطبقة واحدة من العلامات الخضراء النيونية فوق صور الأقمار الصناعية للأرض، كل تسمية أحادية اللون، كما لو كانت تقرأ إحداثيات المهمة.
- Acne Studios — مساحة عرض فنية بسيطة مليئة بصور نابضة بالحياة - مجلة أزياء موضوعة على الرخام
- GTE — محطة تداول خلف إضاءة المعرض
- Diabla — فناء متوسطي في منتصف النهار – جدران وردية باهتة بفعل الشمس، ومظلة قماشية حمراء زاهية، وعناوين افتتاحية بخط serif تمتد عبر السماء.
- Subset — متجر تحريري مصنوع من الكتان الخام
- Cursor — ورشة عمل دافئة لطباعة الرق، مضاءة بجمر متوهج
- MindMarket — كتاب قصص خيالية مريح مطبوع على ورق كريمي اللون - لوحة تحريرية ودية تتعايش فيها عناوين إنتر الكبيرة وشخصيات الورق المقصوصة على سطح ناعم مشمس.
- Lamborghini — سيارة واحدة صفراء اللون معروضة في صالة العرض تحت الأضواء الكاشفة، وهيكلها أسود.
- Amplemarket — مكان عمل غارق بأشعة الشمس ومغطى بالقصاصات الورقية الملونة
- Getharvest — مكتب في وقت الغروب – لوحة قماشية بلون كريمي دافئ، وبطاقات بريدية بيضاء معلقة على اللوحة، وشعلة برتقالية ساطعة واحدة
- Drive Capital — ملصق رحلة برية كلاسيكي مطبوع على ورق دافئ