ThoughtLab
نصب تذكاري من حجر الأوبسيديان يحمل إشارة قرمزية. لوحة من الفراغ الأسود، حيث يكون الشيء الأحمر المشبع الوحيد في الكاتدرائية، مطبوعًا بأحرف بيضاء كبيرة، شكلاً لونيًا واحدًا.
يعمل موقع ThoughtLab كلغة تصميم مستوحاة من الكاتدرائية السوداء: لوحة سوداء فارغة، ونبضة حمراء واحدة، وطباعة ضخمة تُشكل بنية معمارية. النظام أحادي اللون تقريبًا - يُمثل اللون #cccccc الجسم، و#ffffff يُمثل الشاشة - مع ظهور اللون #fc1c46 فقط لوظيفة أساسية واحدة، كتدفق مُتحكم فيه من التوتر على خلفية فارغة. يتم بناء التسلسل الهرمي من خلال قفزات حادة في الحجم (198 بكسل ← 14 بكسل)، بدلاً من اللون أو الظلال أو التعبئة. المكونات خفيفة الوزن: بطاقات شفافة، وأزرار على شكل حبة دواء، وحقول إدخال رفيعة، وغياب التراص المرتفع - تتنفس الصفحة من خلال المساحة السلبية والأحرف الكبيرة المكتظة، بدلاً من الحاويات.
تمتد خلفية داكنة على كامل عرض الصفحة، بهوامش أفقية واسعة (126 بكسل من كل جانب، مما يدفع عمود المحتوى إلى حوالي 1400 بكسل). يتكون العنوان من سطر واحد بعرض 72 بكسل: الشعار على اليسار، والشعار الفرعي في المنتصف، وزر دعوة للعمل على شكل حبة دواء، وشريط القائمة على اليمين. أما الصفحة الرئيسية فهي عبارة عن تصميم مقسم - عنوان رئيسي كبير الحجم (198 بكسل) بأحرف كبيرة على اليسار، مع نص داعم أسفله بـ 18 بكسل، بينما تتداخل كرة ثلاثية الأبعاد مع النص إلى يمين المنتصف، وكأنها "تبتلعه" جزئيًا. أسفل الصفحة الرئيسية، تُرتّب الأقسام بإيقاع رأسي واسع مع فجوات تتراوح بين 86 و108 بكسل بينها. تُعرض عناصر العمل كقائمة، تشغل عرض الصفحة بالكامل تقريبًا، بدلاً من عرضها كشبكة من البطاقات. لا يوجد شريط جانبي، ولا قائمة رئيسية ضخمة، ولا تذييل بشبكة أعمدة - التذييل عبارة عن سطر واحد بسيط يحتوي على معلومات حقوق النشر ومعلومات الاتصال #4c4c4c. يؤدي التنقل بعد العنوان إلى فتح قائمة الهامبرغر في نافذة منبثقة بملء الشاشة.
الصور قليلة ومنتقاة بعناية. العنصر البصري المهيمن هو كرة كبيرة من سائل الأوبسيديان، مُصممة بتقنية WebGL، وهي شكل ثلاثي الأبعاد داكن، يكاد يكون أسود، مع انعكاسات زرقاء وعنبرية خفيفة على طول الحافة، تطفو على خلفية سوداء وتتداخل جزئيًا مع العنوان. تُستخدم هذه الكرة كرمز للعلامة التجارية أكثر من كونها رسمًا توضيحيًا. تُعرض صور المشاريع المصغرة كصور أو مقاطع فيديو في قائمة عمودية، ممتدة من الحافة إلى الحافة بدون إطار. لا توجد صور نمط حياة، ولا صور جاهزة، ولا تدرجات لونية زخرفية. الكرة والنص هما العنصران البصريان الوحيدان في الصفحة.
لوحة الألوان
ماركة
- Crimson Signal
#fc1c46— العنصر المميز الرئيسي هو عنصر أحمر واحد؛ يظهر في تبويب "جهات الاتصال"، وفي شعار العلامة التجارية، ولا يظهر في أي مكان آخر. وندرته تعود إلى خصوصية التصميم.
حيادي
- Void
#000000— تُعد خلفية الصفحة، أو اللوحة القماشية، الأساس المطلق الذي تطفو عليه جميع العناصر الأخرى. - Ash
#cccccc— النص الرئيسي ونص الروابط، لون النص الافتراضي على خلفية سوداء - تم اختياره بدلاً من اللون الأبيض النقي لتخفيف الوهج البصري. - Frost
#ffffff— يُعد عرض العناوين ونصوص الأزرار ونصوص حقول الإدخال والترميز المستوى الأكثر بروزًا، وهو مخصص للمحتوى الذي يجب أن يكون خطيًا. - Graphite
#4c4c4c— حقوق النشر، والبيانات الوصفية، والنصوص المساعدة - تم كتمها عمداً حتى لا تتنافس مع النص الرئيسي.
الطباعة
من 10 إلى 198 بكسل · 7 خطوات
- sui — الاستبدال: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · الخطوط العريضة 300, 400, 500, 700 · خط واحد. Sui هو خط هندسي مصمم خصيصًا بدون زوائد، يُستخدم لكل شيء بدءًا من 198 بكسل للعناوين الرئيسية وحتى 10 بكسل للتعليقات. يُخصص وزن 700 للعناوين الرئيسية الضخمة والعناوين الكبيرة؛ بينما يُستخدم وزن 400 لبقية النظام. التباين بين الخط العريض والعادي هو نظام الخط الأساسي؛ ولا حاجة إلى عائلة خط ثانية.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 9px |
| نصف قطر الزر | 9999px |
| نصف قطر البطاقة | 0px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 86-108px |
| عرض الصفحة | 1400px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب ThoughtLab وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Vivid+Co — ضوء موشوري يمر عبر حجر الأوبسيديان
- Sequel — العرض الخاص بعد حلول الظلام هو النور الدافئ الوحيد في دار سينما مظلمة.
- Dovetail — مخطط تحت قمر أسود - خطوط بيانية بالكاد تُرى، خط أبيض، بريق أرجواني واحد
- MekaVerse — معرض أحادي اللون للقطع الأثرية الرقمية - فراغ أسود صلب حيث يتدلى العالم المعروض مثل معروضات متحفية، وواجهة المستخدم بأكملها عبارة عن حبر أبيض على زجاج أسود غير لامع.
- Krea — معرض نوار في منتصف الليل
- Factory — محطة "غرفة العمليات" في منتصف الليل. "المصنع" عبارة عن لوحة تحكم سوداء قاتمة حيث تسقط بطاقة بيضاء وحيدة مثل رسالة مضاءة بمصباح يدوي - الشيء الوحيد الموجود في الغرفة هو العمل نفسه.
- basement — مطبعة فارغة في الساعة الثالثة صباحاً – خطوط ضخمة مضغوطة تنتشر عبر الظلام الدامس، وميض واحد من الضوء البرتقالي على شريط التنقل، وكل شيء آخر أبيض أو رمادي باهت.
- Stink Studios — استوديو تصوير سينمائي في منتصف الليل - جهاز العرض يُصدر أزيزًا، الغرفة مظلمة، والفيلم وحده مضاء
- Apple (España) — مسرح أسود بتجهيزات مضاءة
- Charlie — حروف منحوتة من حجر الدير على حجر الأوبسيديان. ملف أعمال يخلق فيه جدار أحمر وحيد صمتاً مدوياً.
- Rive — رؤية ليلية عالية الدقة. تتميز الواجهة بعدسة خاصة تخترق الظلام للتركيز على التفاصيل التقنية بوضوح تام.
- Datalands — كاتدرائية سوداء تنبض فيها نبضة نيون واحدة. يملأ الشعار صحن الكنيسة؛ أما باقي العناصر فهي عبارة عن نصوص بالكاد تُسمع أسفلها.