أنظمة تصميم الذكاء الاصطناعي
أنظمة تصميم مستخرجة من مواقع منتجات الذكاء الاصطناعي ونماذجه وأبحاثه: المساعدات، ومزوّدو النماذج، وأدوات الذكاء الاصطناعي. بعضها يجمع بين خطوط تحريرية هادئة ولوحات ألوان محايدة دافئة؛ وبعضها الآخر يتبنّى المظهر الداكن التقني لمنتجات المطوّرين.
4 أمثلة على DESIGN.md في هذه الفئة، من Anthropic، Harvey، Paperclip و xAI. مستخرجة من الصفحات العامة لكل موقع، وليست إرشادات رسمية للعلامة التجارية. جديد على هذا التنسيق؟ اقرأ ما هو ملف DESIGN.md.
Anthropic
تعتمد منظومة تصميم Anthropic على هوية هادئة ومتحفظة تقودها الطباعة، وتقوم على خطّين مخصّصين هما Anthropic Serif وAnthropic Sans، وتُعرض على خلفية عاجية دافئة (#faf9f5). اللوحة اللونية بسيطة عمدًا: أسود يكاد يكون فحميًا (#141413) على أبيض مائل إلى الكريمي الدافئ، مع درجات حجرية خافتة للنصوص الثانوية والحدود. وتشكّل الخطوط التيترية الكبيرة بطابع Serif جوهر الصوت التحريري، بينما تُحدث الأقسام ذات اللوحة الداكنة (خلفية شبه سوداء مع نص عاجي) تباينًا دراماتيكيًا لافتًا. وتنقل الجمالية العامة جدّية فكرية ورسالة تضع السلامة في المقام الأول، عبر مساحات بيضاء واسعة وتباين طباعي عالٍ وغياب تام للزخارف.
Harvey
هوية Harvey البصرية مبنية على نظام خطّين مخصّصين: HarveySerifFont للسلطة التحريرية، وHarveySansFont للوضوح الوظيفي. تُعرض هذه الهوية على شريط تنقّل بلون أسود دافئ قريب من الأسود (#0f0e0d) وسطح محتوى بلون العاج الفاتح (#fafaf9). اللوحة أحادية اللون عمدًا، وتعتمد على مقياس متدرّج من الرمادي الدافئ (من gray-50 إلى gray-950) دون أي ألوان مميّزة، بما يعكس الثقة والاتزان المناسبين للأعمال القانونية عالية المخاطر. يُعبَّر عن الارتفاع والطبقات بتباين الأسطح لا بالظلال. يستخدم العنوان الرئيسي في القسم الأول خطًا سيريفيًا كبيرًا بحجم 72px، فيمنح الصفحة حضورًا طباعيًا قويًا من النظرة الأولى، بينما يعتمد النص الأساسي وعناصر الواجهة على الخط المخصّص غير المزخرف. تتبع المسافات شبكة أساس قدرها 8px مع رموز مقياس مسمّاة (xs وsm وmd وxl وxl2x)، وهي: xs وsm وmd وxl و2xl.
Paperclip
Paperclip هي منصة لإدارة وكلاء الذكاء الاصطناعي، وتتميز بتصميم جريء على خلفية داكنة يرتكز على لون الخلفية #0a0a0a القريب من الأسود، ونص أمامي باللون #ffffff. يتألف القسم الرئيسي من رسم توضيحي متدرج بألوان زاهية لأشكال كبسولية متراكمة بالماجنتا والبنفسجي والفيروزي والبرتقالي والأصفر، ما يخلق هوية بصرية نابضة بالحيوية على الخلفية الداكنة. تجمع الطباعة بين Inter Tight بعناوين عريضة مضغوطة وتباعد أحرف سالب، وInter لنصوص الجسم وواجهة المستخدم، وJetBrains Mono للشيفرة وحالات العرض. يستخدم زر الدعوة إلى الإجراء الأساسي شكل كبسولة أبيض على خلفية داكنة. ويُستخدم نظام حالات أخضر دلالي #22c55e للإشارة إلى حالات الوكلاء والمهام عبر واجهة المنتج. أما التنقل فبسيط ومسطح مع حد سفلي خفيف.
xAI
xAI تستخدم في موقعها التسويقي لوحة أسطح دافئة بلون العاج الفاتح، يرتكز فيها --color-ivory (#f9f8f6) و--color-white (#ffffff)، مع #0a0a0a، وهو أسود داكن قريب من الأسود، كلون نص ومقدمة مهيمن. ينقسم النظام الطباعي بين universalSansDisplay للعناوين الكبيرة (60 إلى 72 بكسل مع تباعد أحرف سلبي وضيق)، وuniversalSans لنص المحتوى وواجهة الاستخدام، وGeistMono للشيفرة وسياقات الطرفية. تهيمن على لغة الحواف أشكال الكبسولة 9999px في أزرار الدعوة إلى الإجراء والوسوم، مع 12 بكسل و6 بكسل للبطاقات والحقول. الارتفاع البصري ضئيل، إذ تستخدم البطاقات ظلاً متعدد الطبقات ناعماً بينما تبقى معظم الأسطح مسطحة. النبرة العامة تقنية وفاخرة: ألوان مقتصدة ومساحات بيضاء واسعة وجمالية قوية للشيفرة ذات الخط الأحادي تُشير إلى مصداقية المطورين.
لا تجد الموقع الذي تحتاج إليه؟
الصق أي رابط لتحصل على ملف DESIGN.md من أي موقع ويب. الألوان والخطوط والمسافات والرموز، جاهزة لسير عملك مع الذكاء الاصطناعي.