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

Superhuman

فريق تحرير الساعة الذهبية

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

العنصر الرئيسي عبارة عن صورة فوتوغرافية بعرض كامل مع عنوان رئيسي متمركز (48-64 بكسل/460) وعبارة دعوة واحدة لاتخاذ إجراء تتضمن صورة لنبيذ، مع بطاقات واجهة مستخدم شفافة عائمة للمنتج مُركّبة على الحافتين اليمنى واليسرى. أسفل العنصر الرئيسي يوجد شريط شعار أبيض (6 خلايا في كل صف، عرض أقصى محدود)، ثم قسم علامات تبويب بأسطح بطاقات بيضاء على خلفية بلون البرشمان. يكسر شريط فيروزي داكن الإيقاع عند ثلثي الصفحة تقريبًا - بعرض كامل، عمودان (صورة على اليسار، نص على اليمين) - مما يخلق التباين اللوني الوحيد أثناء التمرير. يليه شريط متدرج الألوان. المسافة الرأسية بين الأقسام تتراوح بين 64 و96 بكسل. يبلغ الحد الأقصى لعرض المحتوى حوالي 1200 بكسل في المنتصف، مع امتداد العنصر الرئيسي والشريط الداكن على كامل عرض نافذة العرض. قائمة التنقل عبارة عن رأس ثابت واحد بخلفية ضبابية؛ لا يوجد شريط جانبي ولا قائمة رئيسية ضخمة. يتميز تذييل الصفحة بلون عنابي عريض، ويتضمن تصميمًا متعدد الأعمدة للروابط. أما الإيقاع العام فهو كالتالي: الإطار الرئيسي ← محتوى أبيض/كريمي هادئ ← شريط داكن مع الصورة الرئيسية ← تدرج لوني جذاب ← تذييل عنابي، مع تناوب الشرائط الفاتحة والداكنة لخلق إيقاع تحريري.

العنصر البصري الأساسي هو التصوير السينمائي: صورة بورتريه عريضة أمام سماء مفتوحة تُشكّل نقطة التركيز، مع شريط جوي ثانٍ أسفل الصفحة. الصورة دافئة الألوان، هادئة بشكل خفيف، ومُلتقطة من الجانب، تُذكّر بساعة الغروب الذهبية، مما يُضفي عليها طابعًا تحريريًا أكثر منه تجاريًا. شريط داكن ذو مستطيلات هندسية شفافة ونقوش مكتوبة بخط اليد مُركّب فوق صورة رجل شارد الذهن - مزيج من الأسطح بدلًا من صورة واحدة. واجهة المستخدم مُقدّمة على شكل بطاقات زجاجية عائمة مُركّبة مباشرة على الصورة، بدلًا من لقطات شاشة منفصلة. لا توجد رسومات توضيحية جاهزة، ولا عروض ثلاثية الأبعاد، ولا أشكال زخرفية تجريدية، باستثناء الشريط الجوي المتدرج. الأيقونات عبارة عن أيقونات خطية أحادية اللون بسيطة، بعرض يتراوح بين 16 و20 بكسل، بعرض واحد يُناسب وزن النص 460 نقطة.

لوحة الألوان

ماركة

  • Midnight Wine #421d24 — أزرار الإجراءات الرئيسية، وإعلان البانر، والتذييل عبارة عن لون عنابي دافئ، يكاد يكون أسود، يشبه الحبر أكثر من اللون الأحمر، مما يرسخ لوحة الألوان دون أن يكون طاغياً.
  • Royal Violet #714cb6 — يُستخدم اللون الأرجواني لتسليط الضوء على الروابط والوسوم والعبارات القصيرة. ولا ينبغي استخدامه كلون أساسي لعبارات الحث على اتخاذ إجراء.

حيادي

  • Lilac Mist #d4c7ff — تتميز عناصر التعبئة السطحية الثانوية، والأيقونات المضيئة، وخلفيات الأزرار الشفافة بلون أرجواني باهت يلمح إلى أسلوب العلامة التجارية دون لفت الانتباه إليها بشكل مفرط.
  • Deep Lagoon #0c4243 — الخلفية الداكنة للشريط، المستخدمة كعنصر سردي رئيسي، هي السطح الداكن الوحيد في النظام، بالإضافة إلى نمط هندسي متراكب.
  • Warm Parchment #f2f0eb — تُعد مساحة العمل على الصفحة هي العنصر المهيمن؛ حيث يحل اللون الكريمي الدافئ محل اللون الأبيض كأساس، مما يضفي على النظام بأكمله دفئًا تحريريًا.
  • Soft Mist #e3e3e2 — حدود دقيقة، وخطوط خارجية للبطاقات، وخطوط فاصلة - لون رمادي فاتح دافئ يمتزج مع الرق ولكنه يحدد الحواف بوضوح.
  • Ink Charcoal #292827 — نص الجسم، والعناوين، ومخططات الأيقونات - لون دافئ، يكاد يكون أسود مع كمية كافية من اللون البني ليمنح شعورًا بالحبر على الورق، وليس باردًا أبدًا #000
  • Stone Gray #666666 — نص ثانوي، نصوص داعمة، أوصاف موجزة - لون رمادي متوسط واحد، يستخدم باعتدال حتى لا يتنافس مع النص الرئيسي.

الطباعة

من 12 إلى 64 بكسل · 8 خطوات

  • Super Sans VF — الاستبدال: Inter (closest open equivalent for variable weight range) · الخطوط العريضة 460, 500, 540, 600, 700 · خط واحد في النظام بأكمله. تتراوح أحجام الخطوط من 460 (خط مميز، مُقَصَّر قليلاً لجميع عناوين النصوص الكبيرة) إلى 540 (نص أساسي بارز) و700 (عناوين صغيرة وبارزة). يُضفي مُحسِّن بصري مُصمَّم خصيصاً على عناوين بوزن 460 مظهراً أكثر دقةً وتناسقاً، فمع تباعد ضيق بين الأحرف يتراوح بين 48 و64 بكسل، يُنظر إلى تأثير "القص الطفيف" على أنه مظهر واثق وليس رقيقاً.

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

غايةمعنى
كثافةكثيف
الخطوة الأساسية8px
نصف قطر الزر16px
نصف قطر البطاقة16px
الظلاللا - حدود بدلاً من الظلال
بين الأقسام64-96px
عرض الصفحة1200px

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

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

أنماط مشابهة

  • AI for Business — صالة عرض تحريرية على الطراز الوحشي بألوان رمادية دافئة
  • Jeton — مقال افتتاحي عن التكنولوجيا المالية على الرخام الدافئ
  • Airtable — ندوة مريحة بفصول مميزة بألوان مختلفة
  • Osmo — متحف المطورين على الخرسانة الرمادية
  • Linktr — تتراص ملصقات المقالات التحريرية كالحلوى. صُمم الموقع الإلكتروني على شكل كتل لونية، مع عناوين خضراء زاهية على خلفية جدران زرقاء كوبالتية، وعناصر تنقل بيضاء على شكل حبة دواء تطفو فوق حقول عنابية اللون.
  • Outsource Consultants — ورقة معمارية كبيرة الحجم مطبوعة على ورق عظمي. جمالية أحادية، حيث تقطع رقعة زرقاء زاهية واحدة الشبكة الدافئة ذات الطابع الطباعي المزدحم.
  • Streamtime — لوحة إلهام إبداعية ملموسة - طاولة سكرابوكينغ مصممة
  • Switch-Lit — شبكة تحريرية مطبوعة بالحبر على ورق كريمي اللون
  • HubSpot — لون ورق كريمي دافئ مع لمسة برتقالية واحدة. يشبه تصميم HubSpot مجلة فاخرة مطبوعة على ورق سميك - عناوين بخط serif، وصفحات بلون كريمي دافئ، ولمسة برتقالية نارية واحدة تُبرز أهم النقاط فقط.
  • Granola — ملاحظات ميدانية على ورق رق دافئ - تبدو "جرانولا" وكأنها دفتر ملاحظات مولسكين مهترئ تم فتحه على مكتب مضاء بأشعة الشمس: عناوين ذات حروف مزخرفة تضفي إحساسًا بالصلابة، ولمسات خضراء عضوية مثل الحبر النباتي، وخطوط دقيقة في هوامش البطاقات تشبه الملاحظات المكتوبة بخط اليد.
  • Secure — المحادثة في مقهى أوروبي في ضوء النهار الخافت هي طريقة دافئة وأنيقة لإجراء مكالمات الفيديو، حيث تبدو عناوين الخطوط ذات الزخارف أشبه بمقال مجلة مدروس بدلاً من صفحة منتج تقني.
  • Mockups made easy — استوديو تصميم تحريري على ورق أبيض