تيليجرام، WhatsApp+380637610482
فاليري دانيوك
فاليري دانيوكالمطورتطوير أدوات الذكاء الاصطناعي للشركات. جودة عالية. بأسعار معقولة.راسلنا على Telegram
Auros — معاينة لموقع بهذا النمط

Auros

محطة طرفية سحيقة مزودة بكرات بيانات متوهجة بيولوجيًا

يعمل تطبيق Auros كمنصة تقنية مالية فريدة من نوعها، تتجلى في تصميمها الفريد: لوحة فيروزية داكنة تقريبًا، تتخللها كرات بيانات مضيئة بيولوجيًا وتدرجات ضوئية من الفيروزي إلى الوردي، مما يخلق إحساسًا بالعمق والانسيابية والتدفق. تتميز واجهة المستخدم بالبساطة والطابع السينمائي، حيث تعتمد على شاشة عرض واحدة (Matter) متوسطة السماكة مع تتبع سلبي دقيق لخلق حجم مناسب دون مبالغة في الألوان. تتوزع الألوان بشكل متساوٍ - حيث تُستخدم درجات الأبيض والفضي غير الملونة في معظم المحتوى، بينما تُستخدم الألوان الزاهية في التدرجات اللونية المحيطة، وتمييز أسطح البطاقات، وزر مميز على شكل حبة دواء يتغير لونه من الفيروزي إلى الوردي الفاتح. تطفو البطاقات على حواف سطحية فيروزية دقيقة (نصف قطرها 16 بكسل، بدون ظلال) بدلاً من الارتفاع، مما يجعل التسلسل الهرمي يُنظر إليه على أنه عمق الماء وليس ظلًا على الورق. تبدو المكونات مدروسة بعناية وشبيهة بالأجهزة: علامات تتبع بأحرف كبيرة، وأيقونات أسهم هندسية رفيعة، وقراءات رقمية كبيرة باللون الوردي الباهت.

لوحة داكنة بعرض كامل، يصل عرض محتواها إلى 1440 بكسل كحد أقصى. العنصر الرئيسي عبارة عن كتلة نصية مركزية (العنوان ← النص الفرعي ← دعوة لاتخاذ إجراء) تمتد على كامل ارتفاع نافذة العرض، مع جسيم كعنصر خلفية. الأقسام عبارة عن شرائط بعرض كامل مفصولة بمسافات رأسية كبيرة تزيد عن 68 بكسل، تتناوب بين لوحة وأسطح غائرة قليلاً. يستخدم قسم "استكشف" تصميمًا غير متماثل من عمودين: يحتوي العمود الأيسر على بطاقات تعريفية مكدسة، بينما يعرض العمود الأيمن رسمًا توضيحيًا هندسيًا لجزيء. يتم توسيط المحتوى في أعمدة ضيقة (بحد أقصى 600 بكسل تقريبًا) لسهولة القراءة، بدلاً من امتداده من الحافة إلى الحافة. التذييل عبارة عن تجويف (#011d1c) بهامش رأسي 120 بكسل، مما يخلق تأثير بركة عميقة. شريط التنقل عبارة عن لوحة رفيعة وشفافة بعناصر متباعدة بمسافة 16-24 بكسل. الإيقاع العام سينمائي وواسع - كل قسم يتنفس، ونظام الألوان العميق الشبيه بالماء يخلق شعورًا بالغرق أعمق مع كل مقطع.

يتميز التصميم البصري بالبساطة والجاذبية. تعرض الصفحة الرئيسية كرة ثلاثية الأبعاد مكونة من آلاف النقاط الصغيرة باللونين الفيروزي والأبيض، تشكل كرة دوارة تعكس لون الخلفية، مع لمسات من اللون الوردي الفاتح على الحواف، مما يخلق تأثيرًا حيويًا متوهجًا يذكرنا بعنصر معلوماتي. تُستخدم الرسوم البيانية الجزيئية الهندسية المسطحة (دوائر بيضاء وخطوط توصيل رفيعة على خلفية داكنة) كعناصر زخرفية في العمود الأيمن. لا صور فوتوغرافية، ولا صور نمط حياة، ولا صور لأشخاص - تعتمد اللغة البصرية على رسومات بيانات واضحة وأشكال تجريدية. تُعد كرة الجسيمات العنصر البصري المميز لهوية العلامة التجارية؛ ويجب أن تظهر مرة واحدة على الأقل في كل صفحة مهمة لتعزيز استعارة أعماق البحار.

لوحة الألوان

ماركة

  • Liquid Abyss #012624 — تُشكّل الخلفية الرئيسية قاعدة الصفحة، وعنوانها، وعنصرها الأساسي، وخلفيتها ذات اللون الفيروزي الداكن المهيمن. وهي تخلق جواً يوحي بأعماق البحار.
  • Liquid Deep #011d1c — يُمثل مستوى السطح المنخفض خلفية القاعدة وألواح الكرتون الأعمق. ويُلاحظ أنه أغمق بدرجة لونية واحدة من لون القماش، مما يُضفي تدرجًا دقيقًا نحو الأسفل في العمق.
  • Liquid Kelp #003734 — سطح البطاقة المرتفع وتعبئة الزر - سطح مرتفع يقع على بعد خطوة واحدة فوق الفجوة. يُستخدم لبطاقات الميزات ولوحات المحتوى ونقطة بداية الزر المتدرج.

حيادي

  • Liquid Mist #edfffe — يُبرز اللون الأبيض البارد النص الأساسي وعناوين الأقسام والخطوط الدافئة والخفيفة. ويربط لون أزرق خفيف النص الأساسي بنظام الألوان الفيروزي.
  • Platinum #ffffff — يُستخدم اللون الأبيض النقي للعناوين وعناصر التنقل وحدود الأيقونات والنصوص ذات التباين العالي. وهو اللون الأساسي للنصوص في جميع مستويات العناوين وعناصر التنقل الرئيسية.
  • Silver Mist #bbc7c6 — النص الثانوي، والأوصاف الباهتة، ولون الروابط في حالتها الأصلية. تتميز بمسحة خضراء خفيفة، تتناغم مع الخلفية الفيروزية.
  • Ash #f2f2f2 — نص إضافي للاقتباسات والتقييمات. لون رمادي محايد وبارد مناسب عندما تبدو الدرجة الفيروزية الخفيفة من لون "سيلفر ميست" ساطعة للغاية.
  • Slate Deep #707777 — لون سطحي خفيف للخلفيات غير النشطة أو ذات الرؤية المنخفضة. يوضع بين القماش والكرتون، مما يوفر فرقًا طفيفًا جدًا في الارتفاع.
  • Lavender Phosphor #fde9ff — لون الإضاءة الخلفية للإحصائيات الكبيرة، وأرقام العدادات، والمقاييس المهمة. يُستخدم اللون الوردي في التدرج اللوني المميز بشكل محدود كعنصر إضاءة على الأسطح الداكنة.

الطباعة

من 10 إلى 96 بكسل · 6 خطوات

  • Matter — الاستبدال: Inter · الخطوط العريضة 400, 500 · يُستخدم الخط الأساسي للعناوين والنصوص الرئيسية بوزن 500 لجميع العناوين (H1-H3) والنصوص المتحركة الكبيرة (86-295 بكسل). أما النصوص الرئيسية ونصوص واجهة المستخدم فتُستخدم بوزن 400. يتميز هذا الخط بتباعد سلبي حاد بين الأحرف عند الأحجام الكبيرة (-0.04em عند 61 بكسل، -0.046em عند 86 بكسل) وتباعد إيجابي واسع في الأحرف الكبيرة للعناوين (0.08em عند 20 بكسل، 0.12em عند 12 بكسل، 0.15em عند 10 بكسل). ويُعدّ استخدام وزن متوسط فقط للعناوين سمة مميزة - دون استخدام خطوط عريضة أو خفيفة - مما يمنح الخط مظهرًا موحدًا وثابتًا.
  • Arial — الاستبدال: system-ui · الخطوط العريضة 400 · خيار احتياطي ثانوي لعناصر واجهة المستخدم التفاعلية (التنقل، الأزرار، نص الترويسة، التذييل). يظهر فقط بحجم 14 بكسل - يُستخدم كخيار احتياطي آمن وعام عندما لا يتم تحميل Matter، ويشمل تسميات النماذج، ونصوص الأزرار، والنصوص المساعدة الصغيرة.

الفترات والشكل

غايةمعنى
كثافةمتوسط
الخطوة الأساسية20px
نصف قطر الزر6px
نصف قطر البطاقة16px
الظلاللا - حدود بدلاً من الظلال
بين الأقسام68px
عرض الصفحة1440px

سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Auros وتعبئته.

  • املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
  • انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
  • تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
  • تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.

أنماط مشابهة

  • Design Full-Time — سينما استوديو مزودة بضوء كاشف دافئ واحد
  • Air — منحوتة "سماء منتصف الليل من خلال الزجاج"
  • Slash — قبو منتصف الليل ذو دفاتر حسابات مذهبة
  • Raycast — مركز قيادة منتصف الليل، كورال نيون
  • Dimension — محطة عمل مضاءة عند الغسق بألواح زجاجية مصنفرة
  • Modal — طرفية فسفورية في غرفة خوادم مظلمة - مصدر الضوء الوحيد هو اللون الأخضر الفاتح
  • Giga — أفق منتصف الليل فوق حجر الأوبسيديان المتجمد
  • Reflect Notes — الفضاء البنفسجي المرصع بالنجوم هو مرصد مظلم حيث تطفو النوتات الموسيقية مثل الأبراج على خلفية من فراغ نيلي أسود تقريبًا.
  • Ameba — غرفة التحكم في منتصف الليل – نبضة زرقاء كهربائية داخل ألواح زجاجية مصنفرة
  • AgentQL — الشفق القطبي فوق مبنى الركاب ليلاً
  • Frame — سينما لعرض الأفلام في وقت متأخر من الليل. غرفة مظلمة حيث يقوم ضوء أزرق واحد بكل العمل، وتتلاشى واجهة المستخدم في الخلفية، مما يسمح بعرض المحتوى الإبداعي للأمام.
  • Harness — مركز التحكم في المهمة عند منتصف الليل مع لمسات خضراء فسفورية