Anthropic
مجلة علمية ميدانية على ورق رق دافئ - أسطح عاجية هادئة، وعناوين تحريرية ذات حروف مزخرفة، ولمسة طينية واحدة تظهر فقط عند الحاجة إلى العمل.
تبدو واجهة Anthropic وكأنها منشور علمي منتقى بعناية على ورق بردي دافئ. تحلّ درجات محايدة من العاجي والبيج محلّ لوحة الألوان الرمادية الباردة المعتادة في التصاميم المستوحاة من التكنولوجيا، مانحةً كل سطح ملمسًا ورقيًا يُكمّل خط serif المخصص المستخدم على نطاق غير مسبوق لكل من نص المتن والعناوين. يظهر لون طيني مميز فقط خلال لحظات النشاط؛ أما باقي العناصر فتبقى هادئة وبسيطة. المكونات مسطحة - حدود رفيعة وزوايا سفلية مدروسة تحل محلّ الظلال كلغة تصميم، مع خط sans-serif يُمثّل عناصر الواجهة وخط serif يُعبّر عن التعبير.
يطغى على التصميم رسومات علمية كلاسيكية: تعرض الصفحة الرئيسية لوحةً كثيفةً من رسومات الفراشات والعث، مُنفذةً بأسلوب الرسوم الطبيعية الكلاسيكي الذي يُذكّر بأدلة الحقل في القرن التاسع عشر. تتميز الرسومات بألوان دافئة تنسجم مع خلفية الرق بدلاً من أن تبرز عليها. لا توجد صور فوتوغرافية أو لقطات شاشة للمنتجات أو تدرجات لونية تجريدية. الرموز بسيطة للغاية - أيقونات صغيرة للقوائم المنسدلة ومؤشرات خطية متفرقة، جميعها بنفس الألوان الدافئة والمحايدة للنص. الكثافة البصرية منخفضة: تهيمن كتل النصوص الكبيرة والمساحات البيضاء، وتظهر الصور فقط ضمن نطاق الصفحة الرئيسية.
لوحة الألوان
ماركة
- Clay
#d97757— تُعد أزرار الدعوة إلى اتخاذ إجراء الممتلئة (على سبيل المثال، "قبول الموافقة على ملفات تعريف الارتباط") هي اللون المميز الوحيد في النظام، وهو لون طيني دافئ ينتمي إلى عائلة الألوان الترابية بدلاً من اللون الأزرق المعتاد في واجهة المستخدم. - Clay Deep
#c6613f— حالة التمرير/الضغط لأزرار Clay التي تحث على اتخاذ إجراء والرمز المتعارف عليه مع علامة التشكيل هي نسخة أعمق من علامة التشكيل الأساسية.
حيادي
- Slate Dark
#141413— نص الجسم، والعناوين، وخلفية التذييل، والحدود الرفيعة - سوداء تقريبًا مع دفء طفيف، وليست سوداء تمامًا. - Ivory Medium
#f0eee6— تُشكل خلفية الصفحة ذات السطح الواسع والمساحات الكبيرة خلفية من الرق تُضفي على الصفحة بأكملها طابعًا دافئًا. - Ivory Light
#faf9f5— تتميز الأسطح المصنوعة من الورق المقوى والألواح المرتفعة والأزرار التي تعمل بنقرة واحدة بأنها أكثر سطوعًا من القماش للحصول على تأثير متعدد الطبقات وخالٍ من الظلال. - Cloud Medium
#b0aea5— نص مساعد خافت، عناصر تنقل غير نشطة، تسميات إضافية - أسلوب محايد يتراجع إلى الخلفية دون أن يختفي. - Cloud Dark
#87867f— إطارات أزرار محددة، فواصل متوسطة التباين - Stone
#cccbc8— الحدود والفواصل الدقيقة بين الأقسام مرئية ولكنها ليست واضحة للغاية.
الطباعة
من 12 إلى 68 بكسل · 6 خطوات
- Anthropic Serif — الاستبدال: Georgia · الخطوط العريضة 400, 600 · نمط التحرير - يُستخدم للعناوين الرئيسية (68 بكسل)، ونص الصفحة (20 بكسل)، وعناوين البطاقات، والفقرات الداعمة. يضفي الخط ذو الزوائد طابعًا مميزًا على النص؛ ووجوده في نص الصفحة (وهو أمر غير معتاد في المواقع التقنية) يشير إلى أنه منشور بحثي. وزن الخط الافتراضي هو 400، بينما يُستخدم وزن 600 للتأكيد.
- Anthropic Sans — الاستبدال: Inter · الخطوط العريضة 400, 500, 600, 700 · تتضمن واجهة المستخدم وعرض الخطوط غير المزخرفة روابط التنقل، والأزرار، والتذييلات، والأيقونات، وعنوانًا رئيسيًا عريضًا بخط غير مزخرف بحجم 61 بكسل ووزن 700. يُوضع الخط غير المزخرف بحجم 61 بكسل بجوار الخط المزخرف بحجم 68 بكسل، مما يُنشئ نظامًا مزدوجًا مقصودًا: فالخط غير المزخرف يُعبّر عن عبارات تقريرية، بينما يُوحي الخط المزخرف بأسلوب مقال تحريري.
- Anthropic Mono — الاستبدال: JetBrains Mono · الخطوط العريضة 400 · يُستخدم فقط في التعليمات البرمجية أو الأجزاء التقنية - نادرًا.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 8px |
| نصف قطر الزر | 8px (bottom-only on filled variants), 12px (outlined) |
| نصف قطر البطاقة | 24px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 80-120px |
| عرض الصفحة | 1280px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Anthropic وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Mollie — عداد من الكشمير، وسجل داكن. اترك مساحة بيضاء واسعة للتصميم التحريري حول النص الأسود، ثم عزز النقاط المتعلقة بالمنتج بألوان كريمية دافئة، وبني إسبريسو، وصور ملموسة لوسائل الدفع الفعلية.
- Kagi — غرفة قراءة منفصلة. أنشئ مساحة بيضاء مفتوحة حول نص جرافيتي جريء، باستخدام لمسات أرجوانية خفيفة وأسطح بألوان الباستيل الدافئة لكسر الهدوء.
- Milanote — ميلانوت هو استوديو إبداعي متخصص. أنشئ صفحات تحريرية على طراز المعرض باستخدام لوحات بصرية عائمة: جدران بإطارات داكنة، ومساحة عرض بيضاء، ولقطات شاشة تبدو كأشياء حقيقية ذات عمق ناعم.
- Co2 — أطلس مناخي في ضوء الشتاء. صمم صفحات تشبه منظرًا جويًا، حيث تبرز العناوين ذات الخطوط المزخرفة والبيانات المصنفة حسب الفئات والصور الجليدية هوامش بيضاء واسعة.
- GitButler — اللون الفيروزي في نهاية النص. مزيج من عناوين ذات حروف serif عالية التباين مع شبكات تقنية دقيقة، وأسطح جرافيت دافئة، ولمسة فيروزية خفيفة.
- ElevenLabs — مجموعة صور بألوان كريمية دافئة مع عناوين دقيقة. دفتر ملاحظات على طراز باوهاوس - ورق بلون قشر البيض، وحبر أسود، ولمسة واحدة من اللونين الأرجواني والبرتقالي لعرض المنتج.
- Awesomic — شبكة زنك تحريرية بعلامات ترقيم برتقالية تذكرنا بالقصاصات الورقية.
- Monad — مجلة فنية تحريرية حول الرق الدافئ
- Dub — لوحة تحكم ورق الأرز غير اللامع من لينك
- Seline Analytics — جدول تحليلي هادئ على ورق دافئ
- Notion — دفتر ملاحظات ورقي دافئ تحت شمس الظهيرة
- Calendly — حبر أزرق داكن على رخام بارد