Mercury
ضفاف جبال الألب عند الغسق
يتميز تطبيق ميركوري بتصميم مستوحى من جماليات البنوك في جبال الألب: خلفية سوداء تقريبًا (#171721) تخلق جوًا سينمائيًا أشبه بالمرصد، حيث تطفو عناصر المحتوى كبطاقات جرافيتية فاتحة اللون. تعتمد واجهة المستخدم بشكل أساسي على اللون الأحادي - نص عاجي على خلفية سوداء، مع عنصر واحد نابض بالحياة بلون الكوبالت (#5266eb) يُستخدم حصريًا لعملية "فتح حساب" الأساسية. تُضفي الطباعة لمسة تعبيرية مميزة: خط عرض مخصص بحجم 480 (ليس غامقًا ولا فاتحًا) مقترن بخط أساسي دقيق بحجم 400، مما يخلق أسلوبًا واثقًا وأنيقًا في الوقت نفسه. تتميز العناصر بتصميم مسطح وبدون إطار، معتمدًا على نصف قطر بطاقة جرافيتية 12 بكسل وعناصر تحكم على شكل كبسولة لتحديد البنية بدلًا من الظلال. يُهيئ عنصر الصورة الرئيسي، الذي يشغل كامل مساحة الصفحة - جبال ضبابية على خلفية طاولة وحيدة - الأجواء قبل ظهور واجهة المستخدم، ويحافظ كل عنصر لاحق على هذا الطابع الهادئ والراقي.
صُمم المحتوى بالكامل بأسلوب داكن وعريض. الشاشة الرئيسية عبارة عن صورة بعرض 100 بكسل، مع عنوان رئيسي مركزي، ونص فرعي، ونموذج لجمع معلومات الاتصال عبر البريد الإلكتروني (بحد أقصى 640 بكسل). أسفل الشاشة الرئيسية، يُنظم المحتوى في أقسام بعرض أقصى 1200 بكسل مع هوامش رأسية 72 بكسل، بالتناوب بين تخطيط من عمودين: نص على اليسار وصورة على اليمين، وبطاقات وصف المنتجات من ثلاثة أعمدة. شريط التنقل العلوي شفاف، مُضاف إلى الشاشة الرئيسية، ويتحول تدريجيًا مع التمرير إلى لون داكن داكن يُشبه الزجاج المصنفر (خلفية ضبابية). التذييل داكن اللون ويحتوي على نص ملاحظات. يتميز التصميم بكثافة عالية ومساحة واسعة بين الأقسام. لا يوجد تنقل جانبي، فجميع عناصر التنقل موجودة في الشريط العلوي.
يهيمن على القسم الرئيسي صور سينمائية عريضة - مناظر طبيعية خلابة وملهمة (جبال ضبابية، أماكن عمل منعزلة في أحضان الطبيعة) - تُصوّر الخدمات المصرفية كتجربة تأملية سامية. تتميز الصور بجودة عالية، وألوان هادئة، مع طبقة داكنة خفيفة للحفاظ على وضوح النص. أسفل القسم الرئيسي، تتناوب الصور مع لقطات شاشة لواجهة المستخدم وخلفيات تجريدية ذات طابع مميز. لا توجد رسومات توضيحية، ولا أيقونات تُشبه الأعمال الفنية - فالعناصر المرئية إما فوتوغرافية أو وظيفية بحتة. أما نمط الأيقونات في واجهة المستخدم فهو نمط بسيط، يعتمد على خطوط ورموز بلون عاجي، ويُستخدم في التنقل والأزرار وعناصر النماذج.
لوحة الألوان
ماركة
- Cobalt
#5266eb— يُستخدم اللون الأرجواني للأزرار المعبأة، وحالات التنقل المحددة، ولحظات التحويل التي تعتمد على التركيز.
حيادي
- Onyx Canvas
#171721— خلفية الصفحة الرئيسية، طبقة أساسية للشاشة الرئيسية، لوحات قماشية للتذييل والأقسام. - Graphite Card
#1e1e2a— الأسطح المرتفعة للكرتون والأجزاء أفتح بدرجة واحدة من القماش، مما يخلق فصلاً سلساً. - Obsidian Button
#272735— تعبئة أزرار إضافية، وخلفيات نماذج مضمنة، وأسطح تفاعلية غير مزعجة. - Slate Border
#70707d— فواصل متوسطة السماكة وحدود هيكلية بين كتل المحتوى. - Mist Border
#e2e3ed— حدود رفيعة بالكاد يمكن ملاحظتها، وخطوط خارجية للأزرار بالكاد يمكن ملاحظتها، وحواف حقول الإدخال - حدود فاتحة على خلفية داكنة. - Ash Text
#c3c3cc— النص الرئيسي، والنص المساعد، والتسميات الإضافية - تسلسل هرمي مبسط دون فقدان سهولة القراءة.
الطباعة
من 12 إلى 65 بكسل · 9 خطوات
- arcadia — الاستبدال: Inter · الخطوط العريضة 360, 400, 420, 480 · واجهة المستخدم الرئيسية - خط مخصص للتنقل، ونص المحتوى، والأزرار، وحقول الإدخال، والملصقات، والنصوص الإضافية، بوزن 400 لنص المحتوى و480 للنصوص البارزة. يمنح مقياس الوزن المتوسط (360، 420، 480) بدلاً من المقياس القياسي (300/400/600) نص Mercury مظهرًا متوازنًا بشكل واضح - ليس غامقًا ولا رقيقًا، بل متناسقًا دائمًا.
- arcadiaDisplay — الاستبدال: Söhne Breit · الخطوط العريضة 360, 480, 530 · يُستخدم خط العناوين والعناصر الزخرفية بوزن 480 لجميع أحجام العناوين من 28 بكسل إلى 65 بكسل، بينما يُخصص وزن 530 لأكبر العناصر الزخرفية. يُضفي ارتفاع السطر المنخفض (1.1-1.2) والتباعد الإيجابي بين الأحرف (0.01-0.02em) على النص الزخرفي مظهرًا معماريًا عريضًا، بدلًا من البنية المضغوطة الموجودة في النصوص التحريرية.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | متوسط |
| الخطوة الأساسية | 12px |
| نصف قطر الزر | 32px |
| نصف قطر البطاقة | 12px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 72px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Mercury وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Origin Financial — معرض ليلي للفخامة الهادئة. غرفة هادئة، تكاد تكون مظلمة، حيث تخلق الخطوط الكبيرة ذات الزخارف وبعض اللوحات الملونة المضيئة شعوراً بأن التمويل عمل فني منتقى بعناية.
- Air — منحوتة "سماء منتصف الليل من خلال الزجاج"
- Slash — قبو منتصف الليل ذو دفاتر حسابات مذهبة
- dope.security — محطة منتصف الليل مع منارات أرجوانية
- Modal — طرفية فسفورية في غرفة خوادم مظلمة - مصدر الضوء الوحيد هو اللون الأخضر الفاتح
- Giga — أفق منتصف الليل فوق حجر الأوبسيديان المتجمد
- Dovetail — مركز التحكم في المخططات في منتصف الليل
- Dovetail — مخطط تحت قمر أسود - خطوط بيانية بالكاد تُرى، خط أبيض، بريق أرجواني واحد
- AgentQL — الشفق القطبي فوق مبنى الركاب ليلاً
- Supabase — محرر أكواد في منتصف الليل بنقطة خضراء فسفورية - نبضة لونية واحدة على بحر من غبار الفحم
- Changelog — وحدة التحكم في المرصد خلف الزجاج الداكن
- GitHub — لوحة تحكم فضائية مزودة بنقاط تحكم مضيئة بيولوجيًا - مساحة عمل مظلمة ذات أجواء مميزة حيث يشير توهج أخضر واحد إلى الطريق إلى الأمام.