
ElevenLabs
مجموعة صور بألوان كريمية دافئة مع عناوين دقيقة. دفتر ملاحظات على طراز باوهاوس - ورق بلون قشر البيض، وحبر أسود، ولمسة واحدة من اللونين الأرجواني والبرتقالي لعرض المنتج.
تعتمد ElevenLabs أسلوبًا بسيطًا دافئًا باللون الأبيض: لوحة بلون قشر البيض (#fdfcfc) مع كتابة سوداء وطبقة واحدة من الأسطح بلون رمادي دافئ (#f5f3f1). تتميز هوية العلامة التجارية بالهدوء والثقة، حيث يبرز خط Waldenburg 300، الذي بالكاد يمكن تمييزه، العناوين الرئيسية بوضوح فائق (-0.02em)، بينما يضفي خط Inter 400/500 على باقي العناصر حيادية هادئة. يبرز لونان مميزان - البنفسجي النابض بالحياة #0447ff والبرتقالي النابض بالحياة #ff4704 - فقط ضمن العناصر المرئية للمنتج (المؤثرات الصوتية، أيقونات المنتج)، ولا يظهران أبدًا كلون الكروم في واجهة المستخدم. تبقى المكونات مسطحة أو بارزة قليلاً مع حدود رفيعة بسمك 1 بكسل، ونصف قطر 20 بكسل على البطاقات، وأزرار ممتلئة بالكامل بحجم 9999 بكسل. يُذكّر النظام باستوديو باوهاوس على ورق كريمي: متحفظ، تحريري، ودقيق تقنيًا.
تُرتّب الأقسام كاملة العرض عموديًا في عمود مركزي واحد بأقصى عرض، مع هوامش خارجية بعرض 1280 بكسل. القسم الرئيسي غير متناظر: العنوان محاذٍ لليسار عند مستوى والدنبورغ 48 بكسل، ونص الوصف محاذٍ لليمين، ويوجد زرّان بيضاويان أسفل العنوان. أسفل القسم الرئيسي، يوجد شريط تنقل كبير ذو علامات تبويب يمتد على كامل عرض المحتوى. تتناوب الأقسام بين خلفيات بلون قشر البيض وأخرى بلون رمادي داكن، مع هوامش رأسية تتراوح بين 96 و125 بكسل. التذييل عبارة عن شريط واحد مضغوط. التنقل عبارة عن شريط علوي بسيط - بدون سلوك ثابت أو قوائم ضخمة. يتناسب إيقاع المحتوى مع أسلوب التحرير: مساحة بيضاء واسعة، عنصر مرئي رئيسي واحد لكل قسم، ولا توجد شبكات بطاقات أسفل قسم "الثقة".
يهيمن على التصميم المرئي نظام ألوان محدد: تدرجات لونية واسعة على شكل دوائر صوتية ناعمة (أكثر من 200 بكسل، بانتقالات شعاعية من البنفسجي إلى البرتقالي والوردي) تُشكل العنصر الرسومي الرئيسي. تُعرض الشعارات في قسم "الثقة" بتدرجات رمادية منخفضة التباين على خلفية قماشية غير لامعة. الصور الفوتوغرافية قليلة جدًا، فلا توجد صور لنمط الحياة أو المنتجات. الرموز قليلة وأحادية اللون (رموز ذات خطوط سوداء أو رموز معبأة، بدون رموز ملونة). يُشبه النظام المرئي منشورات التصميم أكثر من كتالوجات المنتجات، حيث يطغى ضبط النفس التحريري على التأثير التسويقي.
لوحة الألوان
ماركة
- Violet Spark
#0447ff— التركيز البصري للمنتج - يظهر فقط داخل الرسوم التوضيحية الصوتية وأيقونات المنتج الزخرفية؛ ولا يُستخدم أبدًا لعناصر واجهة المستخدم.
حيادي
- Eggshell
#fdfcfc— تتميز أسطح صفحات الموقع وأسطح الأزرار وأسطح البطاقات بلون دافئ وكريمي قليلاً، بدلاً من اللون الأبيض الناصع، وذلك لتجنب الوهج الرقمي ومنح الموقع هدوء الورق. - Warm Taupe
#f5f3f1— تُساهم الشرائط الفاصلة والبطاقات المزخرفة ومستوى سطح إضافي - أعمق بدرجة واحدة من السطح غير اللامع - في خلق فصل هادئ بدون حدود. - Stone
#ebe8e4— الحدود الرقيقة والفواصل وخلفيات الأيقونات هي لون رمادي دافئ يقع بين اللون الرمادي الداكن والرمادي المتوسط دون أن يبدو بارداً. - Ink
#000000— سواء كان ذلك نصًا أساسيًا أو أزرارًا مملوءة أو عناصر تنقل أو روابط، فإن اللون الأسود النقي يشكل الأساس لمجموعة ألوان دافئة ويخلق التباين الحاد الوحيد في النظام. - Graphite
#44403b— نص المتن وعناوين الأقسام - لون رمادي داكن دافئ خفيف للنصوص التي تحتاج إلى أن تكون قوية دون قسوة اللون الأسود. - Smoke
#777169— النص الرئيسي والأوصاف الموجزة والتعليقات مكتوبة باللون الرمادي الدافئ المتوسط؛ وهو النمط السائد والواضح والهادئ في الوقت نفسه للبطاقات والنصوص الموضوعية.
الطباعة
من 10 إلى 48 بكسل · 8 خطوات
- Waldenburg — الاستبدال: Inter (300) or Söhne Light · الخطوط العريضة 300 · للعناوين وعناصر التصميم فقط. يُستخدم بتنسيقات 48/36/32 بكسل وبوزن 300 - وهو خط خفيف للغاية وغير تقليدي؛ إذ تستخدم معظم المواقع الإلكترونية وزنًا يتراوح بين 600 و700؛ يُضفي هذا الخط الرقيق طابعًا رسميًا من خلال رصانته. يُحقق تباعد الأحرف الضيق (-0.02em) تقاربًا أفضل بين الأحرف عند الأحجام الكبيرة. البدائل: خط "Inter" بوزن 300 أو خط "Söhne" بوزن خفيف كبديل مميز.
- Inter — الاستبدال: Inter or system-ui · الخطوط العريضة 400, 500 · كل ما هو خارج الشاشة: نص المحتوى، وعناصر التنقل، والأزرار، والروابط، والملصقات، وحقول الإدخال، والبطاقات. الوزن الافتراضي هو 400، بينما يُخصص وزن 500 للأزرار والروابط المميزة. تتراوح الأحجام من 10 إلى 10، مع تقليل تباعد الأسطر (1.47–1.6)، مما يمنح الفقرات مساحة أكبر. كما يُحسّن تباعد الأحرف الصغير بمقدار +1 (2) في الأحجام من 14 إلى 3 من سهولة القراءة في الأحجام الصغيرة.
- Geist Mono — الاستبدال: JetBrains Mono or IBM Plex Mono · الخطوط العريضة 400 · نص صغير يقع بجوار الشفرة أو النص التقني، على مسافة 13 بكسل - نادر الاستخدام (التكرار = 28) للعلامات التقنية أو البيانات الوصفية. طبقة واحدة، ارتفاع سطر كبير يبلغ 1.69.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 8-16px |
| نصف قطر الزر | 9999px |
| نصف قطر البطاقة | 20px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 96-125px |
| عرض الصفحة | 1280px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب ElevenLabs وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Awesomic — شبكة زنك تحريرية بعلامات ترقيم برتقالية تذكرنا بالقصاصات الورقية.
- Monad — مجلة فنية تحريرية حول الرق الدافئ
- Dub — لوحة تحكم ورق الأرز غير اللامع من لينك
- Seline Analytics — جدول تحليلي هادئ على ورق دافئ
- Notion — دفتر ملاحظات ورقي دافئ تحت شمس الظهيرة
- Anthropic — مجلة علمية ميدانية على ورق رق دافئ - أسطح عاجية هادئة، وعناوين تحريرية ذات حروف مزخرفة، ولمسة طينية واحدة تظهر فقط عند الحاجة إلى العمل.
- Calendly — حبر أزرق داكن على رخام بارد
- Augen Pro — يتميز تصميم أبل الأبيض بلمسة زرقاء كهربائية خفيفة الوزن، تُعتبر اللمسة الوحيدة في مساحة أحادية اللون.
- Antimetal — سجل افتتاحي مطبوع على ورق كريمي اللون - صباح هادئ في مجلة علمية، حيث يعكس ضبط النفس الثقة وتؤدي الحروف ذات الزوائد المهمة الصعبة
- Perk — ليمون كهربائي على ورق برشمان دافئ
- Ditto — ورشة عمل مضاءة بأشعة الشمس تُصنع فيها عينات من الزهور البرية. أسطح كريمية دافئة، لون أساسي أصفر نابض بالحياة، أحبار زرقاء داكنة، أشكال لونية عضوية تتفتح خلف القطعة.
- Officevibe — مجلة تحريرية مطبوعة على ورق بلون كريمي دافئ. تخيل مقالاً متعمقاً حول إدارة الموارد البشرية، مُقدَّماً كمنتج - خط serif انسيابي يهمس من خلال واجهة زرقاء عصرية.