Superpower
مركز إدارة الصحة المتألقة بيولوجيًا
يُجسّد تطبيق Superpower وعدًا سريريًا جادًا من خلال واجهة مستخدم سينمائية آسرة: صور داكنة عريضة تنتقل بسلاسة إلى أسطح محتوى بيضاء نقية، بينما ينبض لون برتقالي نابض بالحياة في جميع أنحاء النظام. يُمثّل الخط العلامة التجارية - خط هندسي مميز بدون زوائد مع تباعد ضئيل بين الأحرف، يتراوح حجمه من 11 بكسل للبيانات الوصفية إلى 66 بكسل للعرض، مع تباعد أسطر يتقلص مع زيادة الحجم (1.00 للعرض، 1.40-1.50 لنص المحتوى). يظهر شريط تنقل داكن عائم على شكل كبسولة فوق الصور، وتخلق عبارات الحث على اتخاذ إجراء على شكل كبسولة توترًا بين الدقة السريرية والطاقة الدافئة والحيوية. الأسطح مسطحة إلى حد كبير - يعتمد النظام على مساحة بيضاء واسعة، وفواصل زنكية دقيقة، ونمط ظل واحد دقيق بدلاً من بروز قوي. تُستخدم الألوان باعتدال: كل شيء تقريبًا أسود أو أبيض أو رمادي زنك، مع ظهور اللون البرتقالي فقط كعلامات ترقيم وظيفية في الإجراءات والعلامة التجارية.
تهيمن على الصورة الرئيسية لقطة سينمائية عريضة تُظهر خيال شخص أمام سماء زرقاء فيروزية داكنة؛ وقد صُممت الصورة عمدًا لتكون داكنة وكئيبة لخلق ثقل عاطفي وتناقض مع وعد الصحة. أما الصور الثانوية فهي لقطات ضيقة وبسيطة تُركز على المنتج (بطاقة العضوية البرتقالية الرخامية، ولقطات شاشة التطبيق) وليست صورًا تُجسد نمط الحياة. لا توجد رسومات توضيحية، ولا نماذج ثلاثية الأبعاد، ولا رسومات تجريدية - فالتناقض الفوتوغرافي هو الهوية البصرية. وتزدان بطاقة العضوية بنمط رخامي عضوي/مصباح لافا بألوان شروق الشمس - وهو العنصر البصري الزخرفي الوحيد. أما الأيقونات فهي مربعات مستديرة ناعمة بنصف قطر 7.5 بكسل مع لمسات خفيفة من الكربون الأسود.
لوحة الألوان
ماركة
- Sunrise Coral
#fc5f2b— يُستخدم اللون البرتقالي كلون ثانوي لإبراز التفاصيل الزخرفية ولتسليط الضوء على الإشارات غير المتكررة. ولا ينبغي استخدامه كلون أساسي لدعوات اتخاذ إجراء. - Coral Glow
#ff8b64— تم دمج نقطة نهاية التدرج مع لون المرجان عند شروق الشمس لتصميم زخرفي لبطاقات العضوية.
حيادي
- Carbon Black
#18181b— النص الرئيسي، شريط التنقل العائم، العناوين، مخطط الأيقونات. - Pure Black
#000000— شعار، لافتة نصية، إطارات ذات تباين عميق - Zinc Gray
#71717a— النص الرئيسي، والأوصاف الإضافية، والبيانات الوصفية المخفية، والنص المساعد. - Ash Gray
#a1a1aa— نص ثانوي، حدود غير نشطة، حالات معطلة - Mist Gray
#e4e4e7— خطوط حواف دقيقة، ومخططات للبطاقات، وخطوط فاصلة، وإطارات أزرار. - Fog Gray
#f4f4f5— عدم انتظام سطحي طفيف، خلفية باهتة، صورة مركبة على قاعدة شبكية.
الطباعة
من 11 إلى 66 بكسل · 8 خطوات
- NB International Pro — الاستبدال: Inter Tight · الخطوط العريضة 400, 700 · كل شيء - التصميم، والعناوين، والنصوص، وواجهة المستخدم، والتنقل - متكامل بسلاسة. يتميز الحل الفريد بتباعد ضيق للغاية بين الأحرف، قابل للتعديل حسب الحجم (من -0.025em إلى 66px للنصوص الصغيرة)، بالإضافة إلى تباعد أسطر يتقلص مع زيادة الحجم، مما يمنح العناوين كثافةً متجانسةً تشبه الملصقات، وهو ما يميز Superpower عن منافسيها ذوي المحتوى الخفيف في مجال التكنولوجيا الطبية.
- NB International Mono Pro — الاستبدال: JetBrains Mono · الخطوط العريضة 400 · تُستخدم البيانات الوصفية الجدولية، والتعليقات النصية الدقيقة، والعلامات التقنية بشكل محدود في الحالات التي تتطلب نهجًا سريريًا/آليًا.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | متوسط |
| الخطوة الأساسية | 11px |
| نصف قطر الزر | 9999px |
| نصف قطر البطاقة | 15px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 75px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Superpower وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Visitors — رسم هندسي أبيض
- Dock — ورق كريمي مشمس، نبض كوبالت
- Flying Papers — اعتراف في رسوم متحركة صباح يوم السبت
- Quizlet — تم تزيين الفصل الدراسي بمجموعة متنوعة من الألوان على خلفية بيضاء - مكتب هادئ، وخلفه أربع بطاقات بألوان الباستيل هي اللمسة المشرقة الوحيدة على خلفية من الجدران الرمادية الباردة وعلامة واحدة مرسومة بقلم تحديد نيلي.
- ON.energy — علامة تحذير صفراء للجهد العالي على خلفية فولاذية داكنة
- Navigate — مجموعة كبيرة من الملصقات مثبتة على لوحة: خط كبير غريب، جميعها على شكل ألواح وخمسة رموز متعددة الألوان، تتكرر مثل الشعار.
- Linear — أداة دقيقة في منتصف الليل
- Pop Site — معرض طباعي صارخ – عناوين سوداء ضخمة تطفو على جدران بيضاء، مع نقطة زرقاء واحدة تعبر عن النية
- Hyperstudio — التصميم محفور على حجر الأوبسيديان. النص والخطوط الدقيقة تُحيط بمساحة بيضاء من السواد الخالص، مع علامات بوصلة ذهبية متفرقة تُشير إلى الطريق.
- Pa'lais — دفتر رسم نباتي، كما لو كان مغموسًا في العسل. ورق كريمي اللون، ورسومات خطية زرقاء بنمط توال دو جوي، ولمسات لونية دافئة تستحضر كتاب وصفات مصنوع يدويًا، بينما يمنحه خط جريء ومكثف ومساحة بيضاء واسعة طابعًا عصريًا وتحريريًا.
- Raus — دفتر يوميات مريح مكتوب على ورق كريمي اللون - كل صفحة منه تشبه بطاقة بريدية من الغابة.
- Privy — مقال افتتاحي مكتوب بالحبر على الرخام. لوحة من الرخام الأبيض، عناوين سوداء مضغوطة بإحكام، وشعار أرجواني واحد يعبر الأعلى - ضبط النفس كسلطة.