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 משמשים לכפתורים וכותרות משנה. החלף ב-Manrope או Inter.
- Gilroy — תַחֲלִיף: Inter · קווי מתאר 400 · גוף הטקסט ותוויות ממשק משתמש לשימוש כללי - משקל גופן של 400 נקודות מבטיח שטקסטים ארוכים יהיו קריאים מבלי להרגיש כבדים.
- Gilroy — תַחֲלִיף: Inter · קווי מתאר 500 · כותרות משניות וגוף טקסט מודגש - גופן 14/500 הוא הכלי העיקרי לכותרות כרטיסים ותוויות מוטבעות.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8-16px |
| רדיוס הכפתור | 8px |
| רדיוס הכרטיס | 24px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 48-64px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Calendly ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- ElevenLabs — חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
- Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
- Monad — כתב עת טכני עריכה על קלף חם
- Dub — לוח הבקרה של נייר האורז המט של לינק
- Seline Analytics — שולחן אנליטי שקט על נייר חם
- Notion — מחברת נייר חמה בשמש הצהריים
- Anthropic — כתב עת מדעי על קלף חם - משטחים בצבע שנהב רגועים, כותרות עריכה מסומנות, והדגשת חרס יחידה המופיעה רק כאשר נדרשת פעולה.
- Augen Pro — המצגת הלבנה של אפל מציגה גוון כחול חשמלי קליני, חסר משקל וחסר גוון כמבטא יחיד בחלל מונוכרום.
- Antimetal — כרוניקה מערכתית על נייר בצבע קרם - בוקר שקט בכתב עת מדעי, שבו איפוק משדר ביטחון וסריפים עושים את העבודה הקשה
- Perk — ליים חשמלי על נייר אפייה חם
- Ditto — סדנה שטופת שמש ליצירת דוגמיות פרחי בר. משטחים חמים בצבע קרם, צבע בסיס צהוב עז, דיו כחול כהה עמוק, צורות צבע אורגניות פורחות מאחורי היצירה.
- Officevibe — מגזין מערכת על נייר בצבע קרם חם. דמיינו מאמר מעמיק על ניהול משאבי אנוש, המוצג כמוצר - גופן סריף חתוך לוחש דרך ממשק כחול מודרני.