Calendly
حبر أزرق داكن على رخام بارد
يُضفي Calendly شعورًا بالهدوء والثقة كبيئة عمل تخطيطية: لوحة بيضاء تقريبًا توفر مساحة واسعة، وبطاقات منتجات بيضاء ناصعة تطفو على خلفية رمادية هادئة، وكتابة باللون الأزرق الداكن بدلًا من الأسود. العنصر المميز هو اللون الأزرق الداكن (#0b3558)، المستخدم في جميع النصوص - العناوين، والأزرار، والأيقونات، والروابط - مما يُضفي نعومة على واجهة المستخدم، ويجعلها أكثر دفئًا وأناقة من صفحات الهبوط التقليدية لبرامج SaaS. يُستخدم لون أزرق فاتح واحد (#006bff) لجميع الإجراءات الرئيسية، وتُضيف لمسات من اللونين الوردي والأزرق، تمتد خارج تخطيطات المنتجات، دفئًا دون إحداث فوضى. تتميز المكونات بتصميم بسيط وأنيق: حدود رفيعة بسمك 1 بكسل، وظلال خفيفة بلون أزرق، ونصف قطر كبير للبطاقات (24 بكسل)، وزوايا أزرار بسمك 8 بكسل، مما يُضفي لمسة جمالية مدروسة.
أقصى عرض 1200 بكسل، مع توسيط الشاشة وهوامش واسعة على أجهزة سطح المكتب. تنقسم الشاشة الرئيسية إلى عمودين: يحتوي العمود الأيسر على عنوان 80 بكسل + نص أساسي + أزرار تسجيل دخول متراصة، بينما يحتوي العمود الأيمن على بطاقة أداة حجز مع عناصر زخرفية في الخلفية. أسفل الشاشة الرئيسية يوجد شريط واحد بعرض كامل يحمل شعار Trust. تتناوب الأقسام اللاحقة بين كتل عناوين متمركزة (H2 + نص فرعي + دعوة اختيارية لاتخاذ إجراء)، تليها كتل من عمودين تصف الميزات (نص على اليسار/منتج على اليمين أو منتج على اليسار/نص على اليمين) مع عناصر زخرفية مميزة خلف كل صورة منتج. نادرًا ما تُستخدم شبكات البطاقات - يُفضل التصميم الأقسام المزدوجة الموضوعة جنبًا إلى جنب بدلاً من الشبكات متعددة الأعمدة. تتراوح المسافة بين الأقسام من 48 إلى 64 بكسل. تتكون قائمة التنقل من شريط علوي ثابت بعرض 64 بكسل مع الشعار على اليسار، وقائمة متمركزة، ومجموعة من دعوات اتخاذ إجراء على اليمين.
العنصر المرئي الرئيسي هو لقطات شاشة المنتج - نماذج بسيطة لواجهة مستخدم تقويم الحجز، معروضة على بطاقات بيضاء ناصعة ذات زوايا عريضة مستديرة. التصميم الزخرفي: كل بطاقة منتج محاطة ببقعة ناعمة من اللون الأرجواني المرجاني (#e55cff) أو الأزرق السماوي (#0099ff)، مزاحة قليلاً وضبابية، مما يخلق تأثيرًا يشبه الكولاج بدلاً من لقطة شاشة مسطحة. لا توجد صور فوتوغرافية أو صور نمط حياة - جميع العناصر المرئية تمثل واجهة مستخدم المنتج، أو أشكالًا تجريدية مميزة، أو شعارات الشركاء أحادية اللون على شريط الثقة. الأيقونات خطية بعرض خط يتراوح بين 1.5 و2 بكسل، أحادية اللون، باللون الأزرق الداكن (Ink Navy) أو الأزرق (Signal Blue).
لوحة الألوان
ماركة
- Ink Navy
#0b3558— النص الرئيسي، والعناوين، والأيقونات، والخلفية الداكنة لعبارات الحث على اتخاذ إجراء، وروابط التنقل. - Signal Blue
#006bff— دعوة رئيسية لاتخاذ إجراء (CTA)، تنقل نشط، تمييز الروابط، ولايات مختارة
حيادي
- Carbon
#0a0a0a— نص باللون الأسود الخالص (كخيار احتياطي)، رمز الشعار، تعبئة الأيقونة. - Slate Gray
#476788— نص رئيسي إضافي، نص داعم، تسميات خافتة. - Mist Gray
#a6bbd1— نص معطل، تسميات الوظائف غير النشطة، مخططات أيقونات فاتحة - Cloud
#f8f9fb— مساحة الصفحة، خلفية التذييل، مساحة إضافية - Paper
#ffffff— أسطح البطاقات، واللوحات البارزة، ونص الزر على خلفية داكنة. - Pebble
#f0f3f8— صور خلفية للأيقونات، وتظليل حقول الإدخال، وفواصل دقيقة، وتأثيرات التمرير.
الطباعة
من 12 إلى 80 بكسل · 10 خطوات
- Gilroy — الاستبدال: Manrope · الخطوط العريضة 400, 500, 600, 700 · جميع نصوص واجهة المستخدم. جيلروي هو خط هندسي إنساني بدون زوائد، يتميز بفتحات واسعة وتباين موحد في سمك الخط؛ تُستخدم أوزانه العريضة (700) للعناوين، بينما تُستخدم الأوزان من 500 إلى 600 للأزرار والعناوين الفرعية. استبدله بخط مانروب أو إنتر.
- Gilroy — الاستبدال: Inter · الخطوط العريضة 400 · نص الصفحة وعلامات واجهة المستخدم العامة - وزن الخط 400 نقطة يضمن أن تكون النصوص الطويلة قابلة للقراءة دون أن تبدو ثقيلة.
- Gilroy — الاستبدال: Inter · الخطوط العريضة 500 · العناوين الثانوية ونص الجسم المميز - الخط بحجم 14/500 هو الأداة الأساسية لعناوين البطاقات والتسميات المضمنة.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | كثيف |
| الخطوة الأساسية | 8-16px |
| نصف قطر الزر | 8px |
| نصف قطر البطاقة | 24px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 48-64px |
| عرض الصفحة | 1200px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Calendly وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- ElevenLabs — مجموعة صور بألوان كريمية دافئة مع عناوين دقيقة. دفتر ملاحظات على طراز باوهاوس - ورق بلون قشر البيض، وحبر أسود، ولمسة واحدة من اللونين الأرجواني والبرتقالي لعرض المنتج.
- Awesomic — شبكة زنك تحريرية بعلامات ترقيم برتقالية تذكرنا بالقصاصات الورقية.
- Monad — مجلة فنية تحريرية حول الرق الدافئ
- Dub — لوحة تحكم ورق الأرز غير اللامع من لينك
- Seline Analytics — جدول تحليلي هادئ على ورق دافئ
- Notion — دفتر ملاحظات ورقي دافئ تحت شمس الظهيرة
- Anthropic — مجلة علمية ميدانية على ورق رق دافئ - أسطح عاجية هادئة، وعناوين تحريرية ذات حروف مزخرفة، ولمسة طينية واحدة تظهر فقط عند الحاجة إلى العمل.
- Augen Pro — يتميز تصميم أبل الأبيض بلمسة زرقاء كهربائية خفيفة الوزن، تُعتبر اللمسة الوحيدة في مساحة أحادية اللون.
- Antimetal — سجل افتتاحي مطبوع على ورق كريمي اللون - صباح هادئ في مجلة علمية، حيث يعكس ضبط النفس الثقة وتؤدي الحروف ذات الزوائد المهمة الصعبة
- Perk — ليمون كهربائي على ورق برشمان دافئ
- Ditto — ورشة عمل مضاءة بأشعة الشمس تُصنع فيها عينات من الزهور البرية. أسطح كريمية دافئة، لون أساسي أصفر نابض بالحياة، أحبار زرقاء داكنة، أشكال لونية عضوية تتفتح خلف القطعة.
- Officevibe — مجلة تحريرية مطبوعة على ورق بلون كريمي دافئ. تخيل مقالاً متعمقاً حول إدارة الموارد البشرية، مُقدَّماً كمنتج - خط serif انسيابي يهمس من خلال واجهة زرقاء عصرية.