Vivid+Co
ضوء موشوري يمر عبر حجر الأوبسيديان
تعمل Vivid+Co في فضاء سينمائي داكن: لوحة شبه سوداء تتراوح ألوانها بين #101010 و#495764، يقطعها لون أبيض ناصع (#fffdf9) يُستخدم في جميع الخطوط وعناصر واجهة المستخدم تقريبًا. تُعرض الطباعة بشكل أساسي بخط Neue Montreal بوزن 400، في رفضٍ مقصود للخط العريض، حيث تُكتسب القوة من خلال الحجم (136 بكسل و105 بكسل) بدلًا من الوزن. ومن التقنيات المميزة استخدام الموشور اللوني: كتل من الضوء الأحمر/الأخضر/الأزرق المشبع، مفصولة بنظام RGB، تتخلل مكعبات زجاجية، مما يُخلّ بالتوازن اللوني للسطح الأحادي اللون. التصميم مركزي وواسع؛ عناصر التنقل، والنص الأساسي، والروابط كلها بلون واحد #fffdf9، بدون أزرار أو ألوان أو ظلال مميزة منفصلة - يتم التمييز من خلال التباعد، والحجم، وتأثير قوس قزح الذي يُعدّ اللون المميز الوحيد للعلامة التجارية.
لوحة داكنة عريضة بالكامل، تحتوي على عمود واحد من المحتوى، يبلغ عرضه الأقصى حوالي ١٤٤٠ بكسل. العنصر الرئيسي عبارة عن شكل منشوري مركزي، مع عنوان متداخل (نص يتقاطع مع المكعبات) وعنوان فرعي محاذٍ لليسار. تقع عناصر التنقل في شريط علوي رفيع: الشعار على اليسار، وأربعة روابط غير مرئية على اليمين، وزر "اتصل بنا" مخصص في نهاية الصف. يتناوب تصميم الأقسام بين لوحات رئيسية كاملة الارتفاع وشرائط محتوى أضيق بمسافات حوالي ١٠٨ بكسل بينها. تصميم المحتوى غير متماثل: الشكل المنشوري هو المركز البصري، وتلتف العناوين حوله. يبلغ الحد الأقصى لعرض كتل النص ذات العمود الواحد حوالي ٤٤٠ بكسل؛ ولا توجد شبكات متعددة الأعمدة، أو مصفوفات بطاقات، أو جداول أسعار. التذييل عبارة عن شريط رفيع، مقسم بخط رفيع، يحتوي على عمودين من البيانات الوصفية.
العنصر التصميمي الرئيسي عبارة عن صورة ثلاثية الأبعاد مجردة لمكعبات زجاجية ذات انحراف لوني عند الحواف، مفصولة بألوان RGB. لا صور فوتوغرافية، لا صور لأشخاص، ولا صور للمنتجات. المنشور هو رمز العلامة التجارية؛ أما باقي العناصر فهي عبارة عن كتابة أحادية اللون على خلفية داكنة. الرموز بسيطة للغاية: عناوين تنقل دقيقة ومؤشر/رمز صغير (المنطقة 142765) في نهاية أحد العناوين، تشير إلى رمز واحد أحادي الخط بحجم 16 بكسل. لا رسومات توضيحية، لا أنماط زخرفية، ولا نقوش.
لوحة الألوان
حيادي
- Bone White
#fffdf9— النص الرئيسي، وعلامات التنقل، ولون الروابط، وتعبئة العناوين كلها بيضاء تقريبًا، وتشغل جميع الأسطح الطباعية على خلفية داكنة. - Obsidian
#101010— قماش الصفحة، وهو عبارة عن خلفية تعبئة للخطوط الرئيسية والفواصل، بلون أسود داكن مع قطعة أثرية موشورية في الداخل. - Graphite Veil
#495764— خلف العناوين وكتل المحتوى، تهيمن خلفية باردة داكنة، مما يمنح اللوحة عمقًا دون استخدام اللون الأسود المسطح. - Ash Border
#403f3f— يتم استخدام خط فاصل دقيق ومخطط تفصيلي للبطاقة بمسافة 1 بكسل لفصل الأسطر دون التنافس مع النص. - Fog Blue
#6f879c— النص الثانوي الخافت وتسميات الأزرار الدقيقة (تباين 3.7:1) - يتم اعتبار تصنيفات فئات الخدمة مثل "الاستراتيجية" و"الإبداع" و"الاتصالات + التسويق" بمثابة بيانات وصفية غير مميزة. - Pure Black
#000000— تعبئة زخرفية لأيقونات ورسومات SVG - تُستخدم في صورة المنشور ورموز الأيقونات؛ وليست خلفية.
الطباعة
من 15 إلى 136 بكسل · 9 خطوات
- Neue Montreal — الاستبدال: Söhne · الخطوط العريضة 400, 700 · يُستخدم هذا الخط الحصري في جميع أنحاء واجهة المستخدم - العناوين، والنصوص، وقوائم التنقل، والأزرار، والروابط، والتذييل. الوزن الافتراضي هو 400، بينما يُخصص الوزن 700 للعناوين الفرعية فقط. تتميز العناوين ذات الوزن 105 بكسل و136 بكسل بتباعد أسطر يتراوح بين 1.00 و1.01 وحدة em، وتباعد أحرف يبلغ -0.02 وحدة em، مما يُضفي على العناوين طابعًا سينمائيًا متداخلًا، ويُعطيها مظهرًا فنيًا أكثر من كونها مجرد خط.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | واسع |
| الخطوة الأساسية | 7px |
| نصف قطر الزر | 0px |
| نصف قطر البطاقة | 15px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 108px |
| عرض الصفحة | 1440px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Vivid+Co وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Sequel — العرض الخاص بعد حلول الظلام هو النور الدافئ الوحيد في دار سينما مظلمة.
- ThoughtLab — نصب تذكاري من حجر الأوبسيديان يحمل إشارة قرمزية. لوحة من الفراغ الأسود، حيث يكون الشيء الأحمر المشبع الوحيد في الكاتدرائية، مطبوعًا بأحرف بيضاء كبيرة، شكلاً لونيًا واحدًا.
- Dovetail — مخطط تحت قمر أسود - خطوط بيانية بالكاد تُرى، خط أبيض، بريق أرجواني واحد
- MekaVerse — معرض أحادي اللون للقطع الأثرية الرقمية - فراغ أسود صلب حيث يتدلى العالم المعروض مثل معروضات متحفية، وواجهة المستخدم بأكملها عبارة عن حبر أبيض على زجاج أسود غير لامع.
- Krea — معرض نوار في منتصف الليل
- Factory — محطة "غرفة العمليات" في منتصف الليل. "المصنع" عبارة عن لوحة تحكم سوداء قاتمة حيث تسقط بطاقة بيضاء وحيدة مثل رسالة مضاءة بمصباح يدوي - الشيء الوحيد الموجود في الغرفة هو العمل نفسه.
- basement — مطبعة فارغة في الساعة الثالثة صباحاً – خطوط ضخمة مضغوطة تنتشر عبر الظلام الدامس، وميض واحد من الضوء البرتقالي على شريط التنقل، وكل شيء آخر أبيض أو رمادي باهت.
- Stink Studios — استوديو تصوير سينمائي في منتصف الليل - جهاز العرض يُصدر أزيزًا، الغرفة مظلمة، والفيلم وحده مضاء
- Apple (España) — مسرح أسود بتجهيزات مضاءة
- Charlie — حروف منحوتة من حجر الدير على حجر الأوبسيديان. ملف أعمال يخلق فيه جدار أحمر وحيد صمتاً مدوياً.
- Rive — رؤية ليلية عالية الدقة. تتميز الواجهة بعدسة خاصة تخترق الظلام للتركيز على التفاصيل التقنية بوضوح تام.
- Datalands — كاتدرائية سوداء تنبض فيها نبضة نيون واحدة. يملأ الشعار صحن الكنيسة؛ أما باقي العناصر فهي عبارة عن نصوص بالكاد تُسمع أسفلها.