Resend
مخمل أسود بلون نيون أرجواني
يتميز موقع Resend بتصميمه البسيط ذي الخلفية السوداء النقية، مع حدود رمادية رفيعة، وخطوط بيضاء على خلفية سوداء تُوحي بقراءة نص مطبوع على زجاج مصنفر. العنصر الرئيسي فيه غير مزخرف: عنوان رئيسي كبير بخط Serif بحجم 96 بكسل من نوع Domaine، بجوار مكعب أسود ثلاثي الأبعاد، دون تدرجات لونية أو رسومات تسويقية. شعار العلامة التجارية بلون أرجواني غني (#9281f7)، يظهر في عناوين البريد الإلكتروني، وأيقونات الحالة، ونماذج التعليمات البرمجية، ولا يظهر أبدًا على الأزرار. يُضفي خط أحادي المسافة (Commit Mono) لمسة شخصية للمطور من خلال كل جزء من التعليمات البرمجية، وأيقونة، وعلامة مضمنة، مما يجعل الصفحة تبدو كطرفية مُغلّفة بواجهة فاخرة. تتميز المكونات بزوايا حادة أو مستديرة قليلاً (6 بكسل / 16 بكسل)، وارتفاعات منخفضة، وتستخدم حدودًا بسمك 1 بكسل بدلاً من الظلال لفصل الطبقات. الديناميكيات دقيقة ولكنها معبرة: تلاشي سلس وانزلاق للنص على الشاشة الرئيسية، ودوران دقيق للمكعب باستخدام WebGL، وانتقالات قصيرة مدتها 150 مللي ثانية عند التمرير.
يتألف التصميم المرئي بالكامل تقريبًا من مجسمات ثلاثية الأبعاد مُصممة بتقنية WebGL (المكعب الأسود في النافذة الرئيسية، والأشكال الهندسية الدوارة)، بالإضافة إلى لقطات شاشة مُضمنة لواجهة المستخدم الخاصة بالمنتج، معروضة في نوافذ برمجية داكنة. لا تُستخدم أي صور فوتوغرافية أو رسوم توضيحية أو صور نمط حياة. الشعارات الموجودة في شريط الثقة عبارة عن صور SVG مُضمنة بألوانها الأصلية. الأيقونات عبارة عن خطوط خارجية بسمك 1-1.5 بكسل، بلون #f0f0f0 أو #a1a4a5. اللغة البصرية: خلفية سوداء، مجسم ثلاثي الأبعاد كعنصر أساسي في النافذة الرئيسية، نوافذ برمجية داكنة كدليل على المنتج، وشعارات SVG بيضاء كدليل اجتماعي. لا يوجد أي عنصر زخرفي - كل عنصر مرئي إما هيكلي (المكعب) أو توضيحي (نافذة البرمجة، الشعار).
لوحة الألوان
ماركة
- Iris Violet
#9281f7— نص مميز باللون الأرجواني للروابط والوسوم والعبارات القصيرة المميزة؛ تدرج قطري من اللون الأرجواني إلى اللون الأرجواني الداكن على حاويات الأيقونات وأيقونات العلامة التجارية. - Iris Violet Glow
#baa7ff— يتم تمييز الروابط والوسوم والعبارات القصيرة المميزة باللون الأرجواني.
حيادي
- Void Black
#000000— خلفية الصفحة، والأسطح الكرتونية، وشاشات التراكب - اللوحة بأكملها. - Graphite Hairline
#292d30— تحدد حدود بقياس 1 بكسل على البطاقات وحقول الإدخال والأزرار وكتل التعليمات البرمجية والفواصل كل فصل بين الطبقات. - White
#ffffff— العناوين الرئيسية، والعنوان، وتسميات الأزرار، وتعبئة الأيقونات على الأسطح الداكنة. - Bone White
#f0f0f0— النص الرئيسي، والعناوين الفرعية، ومخططات الأيقونات - اللون الرئيسي للقراءة. - Ash Gray
#a1a4a5— نص أساسي باهت، تسميات الأيقونات، مخططات الأيقونات - نص وبيانات وصفية من المستوى الثالث. - Smoke Gray
#abafb4— لون الرابط، نص الزر المعطل، التسميات المساعدة - نص المستوى الرابع
الطباعة
من 12 إلى 96 بكسل · 8 خطوات
- Inter — الاستبدال: Inter (Google Fonts) · الخطوط العريضة 400, 500, 600 · نص المحتوى، وعلامات واجهة المستخدم، والتنقل، والأزرار، والروابط. أداة عاملة – تظهر 1280 مرة عبر جميع الأسطح باستثناء الكود.
- Domaine — الاستبدال: GT Sectra · الخطوط العريضة 400 · يُضفي نص العنوان - بخط حجمه 400 نقطة ومسافة بين الأحرف 96 بكسل - طابعًا تحريريًا، أشبه بالطباعة. ويُستخدم مرتين فقط في الصفحة بأكملها لأكبر عنوان.
- aBC Favorit — الاستبدال: Inter Display · الخطوط العريضة 400, 500 · عناوين الأقسام والعناوين الفرعية. حجم خط العلامة التجارية 56 بكسل، ووزنه 400، والمسافة بين الأحرف -0.05em. تخلق المسافة السلبية الشديدة بين الأحرف في هذا الخط الهندسي بدون serif انطباعًا مكثفًا وواثقًا، على عكس خط Domaine الرئيسي.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | واسع |
| الخطوة الأساسية | 16px |
| نصف قطر الزر | 6px |
| نصف قطر البطاقة | 16px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 96px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Resend وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Neon — غرفة خوادم بعد حلول الظلام. ظلام دامس، حيث يأتي الضوء الوحيد من البيانات وتفاعلات المستخدمين.
- Discord — عالم اللعبة مخفي خلف نافذة دردشة منبثقة - كل قسم عبارة عن بيئة قائمة بذاتها مع إضاءتها الخاصة ومجموعة شخصياتها.
- Midjourney — محطة طرفية متوهجة بيولوجيًا في أعماق المحيط. عالم أعماق البحار حيث يولد الذكاء نفسه بصريًا في تيارات ASCII، وتظهر عناصر التحكم كأنماط متوهجة خافتة.
- Wope — Wope عبارة عن واجهة أفق أرجوانية. تخيل طاولة مرصد مظلمة ينبعث منها ضوء أرجواني من أسفل الزجاج.
- Ori — غرفة الخوادم في منتصف الليل عبارة عن فراغ أسود، ضوء أبيض، مفتاح واحد مضاء.
- Amaterasu — ملاذ الفيروز السماوي
- Obsidian — مستودع للمعرفة البلورية. مساحة رقمية واضحة ومتعددة الأوجه مصممة من أجل الوضوح والتركيز، مع عروق أرجوانية متوهجة للتفاعل.
- Morphic — خلفية سينمائية داكنة لسرد القصص المدعوم بالذكاء الاصطناعي. يمتص اللون الأسود النقي كل شيء ما عدا النبض الأزرق لعنصر مميز واحد وتوهج الصورة المُولّدة.
- Valo — مرصدٌ قاتمٌ في منتصف الليل - حروفٌ بحجم 300 نقطة تطفو على خلفية سوداء نقية، بينما يمتد تدرجٌ لونيٌّ واحدٌ من الفيروزي والأرجواني عبر الغرفة كخط ليزر.
- JetBrains — سديم النيون على حجر الأوبسيديان - صفحة ذات خلفية سوداء تتفتح فيها تدرجات اللون الأرجواني والأزرق مثل صور الفضاء العميق، تتخللها نيون وردي ساخن وتوهج لوني لأيقونات كل منتج.
- beehiiv — مرصد منتصف الليل مع بلازما النيون
- RainbowKit — منظم محفظة من قماش المودال النيون يطفو في فراغ أسود، ويخترق توهج أزرق بنفسجي الظلام.