
Wise
طحالب كثيفة مع توتر من الحجر الجيري. شرارات من الحجر الجيري على أرضية الغابة السوداء تقريبًا، وأشكال ضخمة وزاوية تشير إلى كل حركة.
يتميز خط Wise بثقة عالية وجرأة ملحوظة: حيث يطغى اللون الأخضر الغابي الداكن (#163300) على معظم مساحة الشاشة - النصوص، وقوائم التنقل، والأقسام الداكنة، والأيقونات - بينما يُستخدم لون أخضر ليموني فاتح (#9fe870) كعلامة ترقيم وظيفية على عبارات الحث على اتخاذ إجراء، وعلامات التبويب النشطة، والعناصر الرئيسية. يبدو الخط جريئًا بعض الشيء: خط Wise Sans بوزن 900، وكثافة عالية، يبرز بأحرف كبيرة (أكثر من 100 بكسل) على الشاشة الرئيسية. أما باقي عناصر النظام فتبقى هادئة على خلفية بيضاء مائلة للصفرة مع أسطح رمادية ناعمة (#e8ebe6). تأتي المكونات بشكل بيضاوي افتراضيًا - الأزرار، وأجزاء التنقل، وصور مربعات الاختيار المصغرة، وأقنعة الصور - مع أنصاف أقطار صغيرة (10 بكسل) مخصصة للبطاقات وحقول الإدخال. تُعد تدرجات الألوان نادرة؛ فبدلاً من ذلك، يتغير مزيج اللونين الأخضر الغابي والأخضر الداكن بسلاسة مع ازدياد قتامة الأقسام، مما يخلق إيقاعًا متناغمًا دون زخرفة زائدة.
حاوية بعرض أقصى 1200 بكسل، متمركزة، مع قسم علوي وقسم داكن يمتدان على كامل عرض الصفحة. يتميز تصميم رأس الصفحة بعنوان رئيسي كبير متمركز على خلفية بيضاء، مع رسم توضيحي كبير (كرة أرضية) يمتد إلى ما بعد الحافة السفلية لمنطقة العرض. يتناوب إيقاع الأقسام بين الأبيض والأخضر الفاتح وقسم داكن بلون "حبر الغابة"، مما يخلق تناغمًا لونيًا طبيعيًا. تصميم المحتوى متمركز بشكل أساسي: كتل من النصوص والصور في عمودين في الأعلى، أو صفوف تحتوي على العناصر الأساسية في ثلاثة أعمدة في الأقسام الثانوية. تُستخدم شبكة من خمسة أعمدة مع أعلام لعرض قائمة الدول. شريط التنقل عبارة عن شريط علوي ثابت واحد مع زر تبديل مجزأ. يبقى رمز الاستجابة السريعة ثابتًا في الزاوية اليمنى السفلية في جميع مواضع التمرير.
تُشكّل الرسوم التوضيحية ثلاثية الأبعاد التي تُصوّر كرة أرضية مع عملات ذهبية عالم العلامة التجارية البصري - عالمٌ ملموس، ذو طابع سريالي بعض الشيء، مُنفّذ بتدرجات لونية ناعمة وإضاءة دافئة. أما التصوير الفوتوغرافي فهو بسيط؛ وعند استخدامه، يكون ذا إضاءة ساطعة وعفوية. تُعرض الأعلام الوطنية على شكل صور مصغرة دائرية في شبكة من خمسة أعمدة - النظام "الأيقوني" الوحيد هو الهوية الوطنية. لا توجد عناصر رسومية تجريدية، ولا قوالب نمطية. تُشكّل الكرة الأرضية والعملات المعدنية رمزًا متكررًا للتميمة، مما يُشير إلى الانتشار العالمي من خلال عنصر واحد دافئ ومتفائل، بدلاً من مجموعة من العناصر.
لوحة الألوان
ماركة
- Forest Ink
#163300— إن أسلوب العلامة التجارية الداكن المهيمن - نص التنقل، وخلفيات الأقسام الداكنة، ونص الجسم على الأسطح الفاتحة، ومخططات الأيقونات، وعناصر التنقل المعبأة - هو ما يحدد قوتها: أينما كانت هناك حاجة إلى الوزن أو السلطة، فإنك تختار Forest Ink. - Lime Voltage
#9fe870— يُستخدم اللون الأخضر كلون ثانوي لإبراز التفاصيل الزخرفية ولتسليط الضوء على عبارات البحث الأقل استخدامًا. ولا ينبغي استخدامه كلون أساسي لعبارات الحث على اتخاذ إجراء. - Spruce
#054d28— يُستخدم اللون الأخضر الداكن الثانوي لأسطح البطاقات، والرموز الثانوية، ولإضافة عمق إلى المناطق الداكنة حيث يكون حبر الغابة مشبعًا جدًا.
حيادي
- Linen Mist
#e2f6d5— لون أخضر فاتح لإبرازات ناعمة على الأسطح، وخلفيات البطاقات الملونة، وحالات التمرير على أشرطة التنقل. درجة خفيفة من اللون الأخضر المميز لعناصر تصميم الحاويات غير الظاهرة. - Signal Blue
#0b4c72— يُستخدم اللون الأزرق كلون إضافي لإبراز التفاصيل الزخرفية وللتأكيد على الترددات المنخفضة. - Alarm Red
#cb272f— يُستخدم اللون الأحمر كلون ثانوي لإبراز التفاصيل الزخرفية ولتسليط الضوء على الألوان غير المألوفة. استخدمه كلون ثانوي، وليس كلون يدل على المكانة الاجتماعية. - Charcoal
#454745— نص المحتوى، نص الصفحة، واجهة مستخدم غنية - لون أسود دافئ قليلاً يبدو أكثر نعومة من اللون الأسود النقي رقم 000 على خلفية بيضاء. - Obsidian
#0e0f0c— عناوين رئيسية، عناوين ذات تباين عالٍ، عناصر سوداء خالصة في قائمة التنقل والقائمة الرئيسية. أسود مع مسحة خضراء خفيفة، وليس رماديًا محايدًا. - Pebble
#868685— نص ثانوي باهت، نص توضيحي، مخططات أيقونات، وحدود حقول إدخال. لون رمادي متوسط، يتلاشى في الأفق.
الطباعة
من 12 إلى 105 بكسل · 10 خطوات
- Inter — الاستبدال: Inter (native Google Fonts) · الخطوط العريضة 400,500,600,700 · يُستخدم خط بحجم 700 للعناوين الرئيسية (36-45 بكسل)، وخط بحجم 500-600 للعناوين الفرعية والتعليقات التوضيحية، وخط بحجم 400 للنص الرئيسي والتعليقات التوضيحية. يوفر خط Inter مظهرًا أكثر رقة، بينما يوفر خط Wise Sans مظهرًا أكثر وضوحًا.
- Wise Sans — الاستبدال: Inter Black (900) with -0.04em tracking · الخطوط العريضة 900 · العناوين هي بمثابة بطاقة تعريف العلامة التجارية. استخدام خط كثيف للغاية بحجم 900 بكسل، بمسافة بين الأحرف تتراوح بين 89 و105 بكسل، وتباعد ضيق بين الأحرف، يحوّل كل عنوان إلى إعلان جريء وجذاب. ويتم استخدامها باعتدال: كنص أساسي، وعناوين للأقسام، ولإبراز أهم أحداث الحملة.
- monospace — الاستبدال: Inter · الخطوط العريضة 400 · الخط أحادي المسافة - موجود في البيانات المستخرجة ولكن لم يتم وصفه بواسطة الذكاء الاصطناعي.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 8-12px |
| نصف قطر الزر | 9999px |
| نصف قطر البطاقة | 10px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 64-80px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Wise وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Integrated Biosciences — مختبر التألق البيولوجي في منتصف الليل
- Huly — الأضواء الشمالية في مرصد منتصف الليل - البطل هو شعاع عمودي من اللون الأرجواني يتلاشى إلى اللون المرجاني، وكل قسم هادئ أسفله يستعير نفس القصة ثنائية اللون التي تُروى بنبرة أكثر هدوءًا
- Dia Browser — يمتزج فضاء معرض غرفة مظلمة مع صحيفة تحريرية. يكشف المشهد المظلم تمامًا عن صفحة صحيفة مضاءة بنور الشمس، كل قسم منها يحمل عنوانًا رئيسيًا بخط serif واحد.
- Mintlify — حديقة سحابية فوق طاولة زجاجية. السماء المرسومة يدوياً والفيلم الوثائقي مؤطران معاً – المكان الوحيد الذي يتصادم فيه اللون والمفهوم قبل أن تتلاشى الصفحة إلى بياض زاهد.
- Gleap — مساحة عمل مزينة بألوان كريمية دافئة مع لمسات من الجرافيت - استوديو تبدو فيه نقاط الحبر الأسود غير اللامع وكأنها تطفو فوق بنية الكتان.
- ClickUp — لوحة تحكم قوية على خلفية من الرخام الأبيض. الصفحة عبارة عن كتيب منتج لأداة إنتاجية، لذا فإن اللغة البصرية مستوحاة من المنتج نفسه: قوائم كثيفة، ومؤشرات حالة، ومجموعات من الصور الرمزية، وعبارات طباعية جريئة تبدو وكأنها مواصفات منتج معروضة.
- monday — ورشة عمل بيضاء مع ملصقات بألوان الباستيل
- Portal — افتتاحية بخط Twilight Serif - صفحة مميزة في مجلة مستقلة، مصممة بأسلوب نظام iOS
- Slack — المسرح بلون الباذنجان مع أضواء كاشفة بيضاء. يهيمن لون البرقوق الداكن على المناطق المظلمة، بينما تسمح الخلفية البيضاء المائلة للصفرة للعناوين الكبيرة والطليعية بالظهور بحرية.
- Base44 — دفتر ملاحظات مضاء بأشعة الشمس مع قلم تحديد أخضر ليموني
- Letters — موعد صباحي في عيادة في الهواء الطلق - طاولة بيضاء معقمة تحت سقف أزرق ناعم، مبعثرة عليها أدوات جراحية زرقاء
- Duolingo — ملعب أخضر بخطوط تحديد سميكة