Slush
عالم قابل للنفخ من الملصقات على ورق الباستيل
يعمل تطبيق Slush كألبوم ملصقات: لوحة ورقية بألوان الباستيل، وشرائط ضخمة وكثيفة من اللون الأزرق الفاتح، وقوس قزح من ملصقات نابضة بالحياة متناثرة كقصاصات الورق الملون. الخط كبير ومضغوط (عرض جانبي 800 × 200-640 بكسل، تباعد الأسطر 0.75-0.80)، بحيث تتحول الكلمات إلى عناصر نحتية بدلاً من جمل. ستة ألوان مميزة وغنية تعمل كلوحة ملصقات عامة - يظهر كل لون كملصق كامل، أو سطح بطاقة، أو طبقة زخرفية، وليس كعنصر تزييني منفصل. المكونات مستديرة قليلاً (20-40 بكسل على البطاقات، وشكل بيضاوي على عناصر التنقل) ومحددة باللون الأسود لإضفاء لمسة يدوية. النتيجة هي أقرب إلى لوحة فنية معلقة على جدار فاتح اللون منها إلى صفحة هبوط لشركة تقنية مالية.
يتميز التصميم بصفحة قابلة للتمرير بعرض كامل، بدون شريط جانبي أو حاوية ثابتة. يبقى النص المتحرك وقائمة التنقل العلوية البسيطة (الشعار على اليسار، وشريط التنقل في المنتصف، وعبارة الحث على اتخاذ إجراء على اليمين) في الأعلى. كل قسم عبارة عن شريط ملون بعرض كامل (#dceeff → #ffffff → #cccccc) مع نص جانبي مكبر، إما في المنتصف أو محاذٍ لليسار، ومؤطر بشرائط زرقاء ثلاثية الأبعاد. تصميم المحتوى فضفاض ومتشعب، بدلاً من أن يكون قائماً على شبكة: تتداخل الملصقات مع النص، وتتقاطع الشرائط خلفه، وتوضع بطاقة رمز الاستجابة السريعة (QR) خارج المنتصف في قسم ثانوي. الإيقاع الرأسي واسع نسبياً (فجوات 48 بكسل بين الأقسام)، لكن التكوين الأفقي غير متماثل عمداً. تُقرأ الصفحة من الأعلى إلى الأسفل على شكل ثلاثة شرائط ملونة كبيرة، كل منها ملصق مستقل.
تهيمن على اللغة البصرية أشرطة زرقاء ثلاثية الأبعاد، وهي عنصر تصميمي موحد للعلامة التجارية يتألف من أشكال أنبوبية محببة قابلة للنفخ باللون الأزرق الكهربائي، تلتف حول نص العنوان في كل قسم أو تحجبه. تطفو ملصقات ثنائية الأبعاد مزخرفة (صاروخ، عملة ذهبية، علامة صح خضراء، محفظة أرجوانية) حول العناوين كقصاصات ورقية مثبتة على لوحة، لكل منها إطار أسود (1 بكسل). لا توجد صور فوتوغرافية في أي مكان. لا توجد شبكات توضيحية تقليدية، فكل شيء مُجمّع ومرتب بشكل غير متماثل. تخلق الأشرطة ثلاثية الأبعاد الجو العام، وتضيف الملصقات لمسة مرحة، أما الباقي فهو عبارة عن نص ولون.
لوحة الألوان
ماركة
- Electric Blue
#4da2ff— يُعد لون العلامة التجارية السائد - المنحوتات الشريطية السميكة، وخلفيات الصور، والأنماط الضبابية على البطاقات - بمثابة بصمة بصرية تشكل الأساس لكل شاشة.
حيادي
- Carbon
#000000— يخلق النص الرئيسي وإطارات البطاقات والخلفية المعبأة لدعوة المستخدم لاتخاذ إجراء والشعار تأثيرًا يشبه مخطط ملصق مقطوع يدويًا على أسطح بألوان الباستيل. - Paper White
#ffffff— صفحة قماشية، أسطح من الورق المقوى، تعبئة مخطط الزر، نص على خلفية داكنة. - Sky Wash
#dceeff— خلفية القسم الرئيسي، خلفية زرقاء فاتحة باستيلية. - Concrete Gray
#cccccc— خلفية القسم الثانوي، سطح وسيط محايد - Soft Mist
#e9e9e9— نغمات خفيفة للأزرار والأسطح، وحالات التعطيل - Mint Pop
#55db9c— تعبئة باللون الأخضر لإبراز الخلفية، وخطوط زخرفية، ولمسة ناعمة خلف المحتوى.
الطباعة
من 12 إلى 640 بكسل · 7 خطوات
- Lateral — الاستبدال: Druk · الخطوط العريضة 800 · تُعرض العناوين الرئيسية فقط - شعار "SLUSH" وشعارات الأقسام مثل "ALL THINGS SUI" - بخط يتراوح حجمه بين 200 و640 بكسل، مع ارتفاع سطر منخفض يتراوح بين 0.75 و0.80، مما يجعل الأحرف تبدو ككتل منحوتة. هذه طريقة عرض غير تقليدية: لا يوجد موقع ويب آخر يستخدم خطًا بحجم 800 نقطة وارتفاع سطر أقل من 0.85، وهذا التأثير يجعل النص يبدو كجسم مادي ملفوف بشرائط ثلاثية الأبعاد.
- Aeonik Pro — الاستبدال: Inter · الخطوط العريضة 500, 700 · واجهة المستخدم بأكملها، بما في ذلك النص الأساسي، وقوائم التنقل، والأزرار، والعناوين الفرعية. يُحدد وزن النص الأساسي والبيانات الوصفية بـ 500 (12-16 بكسل)، ووزن العناوين الفرعية وعلامات التنقل بـ 700 (24-30 بكسل)، مع زيادة قدرها 700 بمقدار 64 بكسل للعناوين الثانوية الكبيرة. يؤدي تقارب الأحرف (-0.010em) إلى تضييق النص الأساسي (14-16 بكسل)؛ بينما يُضفي التمدد الطفيف (0.030-0.032em) في علامات التنقل/الأزرار مساحة بيضاء على عناصر التحكم.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 4-12px |
| نصف قطر الزر | 1600px |
| نصف قطر البطاقة | 20px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 48px |
| عرض الصفحة | 1440px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Slush وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Cursor — ورشة عمل دافئة لطباعة الرق، مضاءة بجمر متوهج
- MindMarket — كتاب قصص خيالية مريح مطبوع على ورق كريمي اللون - لوحة تحريرية ودية تتعايش فيها عناوين إنتر الكبيرة وشخصيات الورق المقصوصة على سطح ناعم مشمس.
- Shop — كوكبة تجارية عائمة على الرخام الأبيض
- Airbnb — جدار معرض أبيض هادئ مع فاصل كتاب واحد بلون أحمر مرجاني
- Superr — دفتر مدرسي دافئ في ضوء الظهيرة الناعم. صفحة بلون كريمي، قلم تحديد برتقالي بدون غطاء، ومجموعة من ملصقات الأسماء المغلفة بطبقة واقية تنتظر أن تُنزع.
- Apple (España) — تتميز قاعة المتحف، بضوء النهار الخافت، بمساحة بيضاء واحدة آسرة وخفيفة الوزن، حيث يتم إضاءة كل معروض بواسطة ضوء كاشف على جدار ملون بشكل خفيف.
- Lamborghini — سيارة واحدة صفراء اللون معروضة في صالة العرض تحت الأضواء الكاشفة، وهيكلها أسود.
- Amplemarket — مكان عمل غارق بأشعة الشمس ومغطى بالقصاصات الورقية الملونة
- Getharvest — مكتب في وقت الغروب – لوحة قماشية بلون كريمي دافئ، وبطاقات بريدية بيضاء معلقة على اللوحة، وشعلة برتقالية ساطعة واحدة
- Agence Foudre — غلاف المجلة ذو لون وردي ناعم يذكرنا بلون أحمر الشفاه.
- Drive Capital — ملصق رحلة برية كلاسيكي مطبوع على ورق دافئ
- Apple (España) — خزانة عرض بيضاء