Ventriloc
مرصد تحريري للبيانات على ورق دافئ - جمرة برتقالية وحيدة تسلط الضوء على دقة اللون الأحادي
يتحدث نظام Ventriloc بأسلوب هادئ وواضح: خلفية بيضاء دافئة ونقية، وبطاقات بيانات أحادية المسافة وعالية الدقة، ولون برتقالي فحمي واحد يضفي لمسة مميزة على التصميم الأحادي اللون، تمامًا كقلم التظليل في تقرير مطبوع. يجمع النظام بين خط نيو-غروتيسك مصمم خصيصًا (PolySans) بوزن 400 نقطة للعناوين - وهو أسلوب غير مألوف يضحي بالوضوح من خلال الحجم لصالح الوضوح من خلال الدقة - مع خط Inter لنصوص المحتوى وعناصر واجهة المستخدم. تتميز الأسطح بألوان رمادية وكريمية دافئة بدلًا من الأزرق التقني البارد، وتتميز البطاقات بزوايا مستديرة غير متماثلة (زاوية علوية يمنى حادة، وزوايا أخرى ناعمة)، وتنقسم العناصر التفاعلية إلى نمطين متميزين: أزرار نصية بزوايا حادة وحاويات تنقل بيضاوية الشكل. تُستخدم الألوان باعتدال: يجب تصميم الصفحات بأسلوب أحادي اللون بنسبة 95% من الوقت، ويُستخدم اللون البرتقالي فقط كعلامة ترقيم وظيفية للتظليل وتسطير الروابط وإضافة لمسات زخرفية للبيانات.
يبلغ عرض الحاوية القصوى 1200 بكسل، وهي متمركزة، مع هوامش واسعة تبلغ 80 بكسل بين الأقسام. ينقسم العنصر الرئيسي إلى عمودين: على اليسار العنوان الرئيسي، والنص الفرعي، ومجموعة من زرين للحث على اتخاذ إجراء؛ وعلى اليمين مجموعة من ثلاث بطاقات بيانات متداخلة (مخطط مالي، وإحصائيات الإيرادات، وحلقة الربحية) تطفو على خلفية بيضاء. أسفل العنصر الرئيسي، يوجد شريط شعار الشريك بعرض كامل على خلفية بيضاء. تتناوب الأقسام اللاحقة بين خطوط رمادية (#efefef) وبيضاء. التنقل عبارة عن حاوية عائمة على شكل حبة دواء متمركزة على رأس الصفحة، مع محاذاة شعار العلامة التجارية إلى اليسار وزر "اتصل بنا" داكن اللون محاذٍ لليمين. يتميز التصميم العام بالرحابة والطابع التحريري - هوامش واسعة، وأقسام طويلة، وبطاقات البيانات التي تُشكل علامات الترقيم البصرية الوحيدة إلى جانب الكتابة.
يعتمد التصميم المرئي بشكل شبه كامل على البيانات: صُممت عناصر واجهة المستخدم الرسومية (الرسوم البيانية الخطية، وأشرطة التقدم الدائرية، وبطاقات الإحصائيات) بأسلوب بسيط ومسطح، بخطوط برتقالية ونحاسية رفيعة على أسطح من الورق المقوى الأبيض. لا توجد صور نمط حياة، ولا صور جاهزة، ولا رسومات توضيحية على الصفحة الرئيسية. المحتوى الفوتوغرافي الوحيد هو شعارات الشركاء/العملاء، المعروضة باللون الرمادي الداكن. اللغة البصرية أقرب إلى تقرير سنوي مطبوع منها إلى موقع ويب نموذجي لبرمجيات كخدمة (SaaS) - فالرسوم البيانية عبارة عن صور. الأيقونات رفيعة، أحادية الخط، وذات لون رمادي داكن، وتظهر بشكل متفرق في شريط التنقل وعناوين البطاقات.
لوحة الألوان
ماركة
- Ember Orange
#ff682c— يُستخدم اللون البرتقالي لتسليط الضوء على الروابط والوسوم والعبارات القصيرة. ولا ينبغي استخدامه كلون أساسي لعبارات الحث على اتخاذ إجراء.
حيادي
- Graphite
#202020— النص الرئيسي، والعناوين، وروابط التنقل، ومخططات الأيقونات - هذه هي الأساس الطباعي لكل عنصر من عناصر واجهة المستخدم. - Canvas White
#ffffff— خلفية الصفحة، وارتفاع البطاقة، وتعبئة الأيقونة - السطح الأكثر سطوعًا في النظام. - Ash
#efefef— الخلفية الرئيسية للبطاقة والقسم، وحاوية شريط التنقل، عبارة عن سطح رمادي دافئ في الغالب. - Fog
#f5f5f5— لون خلفية خفيف للأسطح المتداخلة والحاويات الثانوية. - Ivory
#ebe6dd— خلفية دافئة مميزة للكتل الرئيسية - إحساس يشبه الورق. - Steel
#4d4d4d— نص رئيسي ثانوي، نص فقرة طويلة
الطباعة
من 14 إلى 66 بكسل · 5 خطوات
- PolySans — الاستبدال: Inter Tight or Space Grotesk at weight 400 · الخطوط العريضة 400 · العناوين والنصوص الزخرفية - خط نيو-غروتسك مصمم خصيصًا، يستخدم حصريًا بوزن 400 وتباعد أحرف -0.02em، يخلق سلطة تحريرية دقيقة لا يمكن لأي عنوان جريء أن يكررها.
- Inter — الاستبدال: system-ui or Roboto · الخطوط العريضة 400, 500, 600 · نص الصفحة، وتسميات عناصر واجهة المستخدم، ونص الأزرار، والعناوين، والبيانات الوصفية - خط sans-serif عالمي لكل شيء ليس عنوانًا.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | متوسط |
| الخطوة الأساسية | 20px |
| نصف قطر الزر | 0px |
| نصف قطر البطاقة | 8px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 80px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Ventriloc وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Ui — خطة سريرية على ورق غير لامع
- Geniestudio — دفتر ملاحظات ناعم مناسب لضوء النهار - من النوع ذي الهوامش الواسعة وخط قلم سميك واحد
- xAI — لابرادور كريمي دافئ مع حبة سوداء
- Cal — عملية أحادية اللون، ونهج إنساني. نظام يعطي الأولوية للوضوح والوظائف من خلال لوحة ألوان صارمة بالأبيض والأسود، ولكنه يلطفها بخطوط ودية وأشكال دائرية.
- Scale — مختبر تصوير عالي الجودة بمستوى المتاحف، بالإضافة إلى مشروع تقني
- Contractbook — عقود من ورق كريمي اللون تحت سماء زرقاء داكنة
- AutoSend — استوديو حجري مريح بإضاءة أرجوانية واحدة - حيث تتعايش عناوين ذات حروف مزخرفة ودعوات عمل زرقاء زاهية في مساحة هادئة بيضاء تقريبًا.
- Air — منحوتة "سماء منتصف الليل من خلال الزجاج"
- SpatialChat — نبض أرجواني على ورق أبيض
- Squarespace — معرض الصور السينمائية بالأبيض والأسود
- Giga — أفق منتصف الليل فوق حجر الأوبسيديان المتجمد
- Supabase — محرر أكواد في منتصف الليل بنقطة خضراء فسفورية - نبضة لونية واحدة على بحر من غبار الفحم