Calendly
په سړه مرمر باندې تیاره نیلي رنګ
کیلنډلي د یو ارام، ډاډمن پلان جوړونې کاري ځای په څیر احساس کوي: یو نږدې سپین کینوس چې د تنفس کولو لپاره کافي خونه لري، د یخ خړ شالید په وړاندې روښانه سپین محصول کارتونه تیریږي، او ټول ټایپوګرافي د خالص تور پرځای په تیاره نیلي رنګ کې وړاندې کیږي. تعریف کوونکی عنصر تیاره نیلي رنګ (#0b3558) دی، هرچیرې چې متن څرګندیږي کارول کیږي — سرلیکونه، تڼۍ، عکسونه، لینکونه — کوم چې ټول انٹرفیس نرموي، دا د عادي SaaS لینډینګ پاڼې په پرتله ګرم او ډیر سجیلا کوي. یو واحد روښانه نیلي (#006bff) د ټولو لومړنیو کړنو لپاره کارول کیږي، او آرائشی ګلابي او نیلي ټوټې چې د محصول ترتیب څخه هاخوا غځول کیږي پرته له ګډوډۍ رامینځته کولو تودوخه اضافه کوي. اجزا کم ساتل شوي: پتلي 1px پولې، فرعي نیلي رنګ شوي سیوري، لوی 24px کارت شعاع، او د 8px تڼۍ کونجونه د نرم پرځای قصدي احساس کوي.
اعظمي عرض ۱۲۰۰ پکسله دی، په مرکز کې، په ډیسټاپ کې پراخ حاشیې لري. اصلي سکرین په دوو ستنو ویشل شوی دی: چپ ستون کې ۸۰ پکسله سرلیک + د بدن متن + سټک شوي ننوتل تڼۍ شتون لري، پداسې حال کې چې ښي ستون کې د بکینګ ویجیټ کارت شتون لري چې په شالید کې د آرائشی عناصرو سره. د اصلي سکرین لاندې یو واحد، بشپړ پلنوالی پټه ده چې د ټرسټ لوګو سره ده. ورپسې برخې د مرکز شوي سرلیک بلاکونو (H2 + فرعي متن + اختیاري عمل ته زنګ وهل) ترمنځ بدیل کیږي، ورپسې دوه کالم بلاکونه دي چې ځانګړتیاوې بیانوي (متن چپ/محصول ښیې یا محصول چپ/متن ښیې) د هر محصول عکس شاته د آرائشی تلفظ عناصرو سره. د کارت گرډونه په ندرت سره کارول کیږي — ترتیب د څو کالم گرډونو پرځای د څنګ په څنګ ځای پر ځای شوي جوړه شوي برخې خوښوي. د برخو ترمنځ واټن له ۴۸ څخه تر ۶۴ پکسله پورې دی. نیویګیشن د ۶۴ پکسله ثابت سر بار دی چې په چپ اړخ کې لوګو، یو مرکز مینو، او په ښي اړخ کې د عمل ته د زنګ وهلو یوه ډله لري.
اصلي بصري عنصر د محصول سکرین شاټونه دي — د بکینګ کیلنڈر کارونکي انٹرفیس ساده ماډلونه، چې په روښانه سپین کارتونو کې د پراخو، ګردو کونجونو سره وړاندې شوي. آرائشی ډیزاین: د هر محصول کارت د مرجان ارغواني (#e55cff) یا نیلي نیلي (#0099ff) نرم ځای سره محاصره شوی، یو څه خلاص او تیاره شوی، د فلیټ سکرین شاټ پرځای د کولیج اغیز رامینځته کوي. هیڅ عکسونه، د ژوند طرز عکسونه نشته — ټول بصري عناصر د محصول کارونکي انٹرفیس، خلاص تلفظ شکلونه، یا د باور بار کې د مونوکروم ملګري لوګو استازیتوب کوي. عکسونه د 1.5-2px د کرښې پلنوالي سره خطي دي، مونوکروم، په تیاره نیلي (انک نیوی) یا نیلي (سیګنل نیلي) کې.
پالټ
برانډ
- Ink Navy
#0b3558— اصلي متن، سرلیکونه، شبیهونه، د عمل لپاره د زنګ وهلو لپاره تیاره شالید، د نیویګیشن لینکونه. - Signal Blue
#006bff— د عمل لپاره لومړني زنګ (CTA)، فعال نیویګیشن، د لینک ټینګار، غوره شوي حالتونه
بې طرفه
- Carbon
#0a0a0a— متن په خالص تور (فال بیک) کې، د لوګو ګلیف، د آیکون ډکول. - Slate Gray
#476788— اضافي اصلي متن، ملاتړ کوونکی متن، خاموش شوي لیبلونه. - Mist Gray
#a6bbd1— غیر فعال متن، غیر فعال فعالیت لیبلونه، د رڼا آیکون بڼې - Cloud
#f8f9fb— د پاڼې کینوس، د فوټر شالید، اضافي سطحه - Paper
#ffffff— د کارتونو سطحې، پورته شوي تختې، د تڼۍ متن په تیاره پس منظر کې. - Pebble
#f0f3f8— د شبیهونو لپاره د شالید انځورونه، د ننوتلو ساحې سیوري، فرعي جلا کونکي، د هوور اغیزې.
ټایپوګرافي
له ۱۲ څخه تر ۸۰ پکسله پورې · ۱۰ ګامونه
- Gilroy — بدیل: Manrope · بڼې 400, 500, 600, 700 · ټول انٹرفیس متن. ګیلروی یو جیومیټریک هیومنیسټ سنز سیریف دی چې پراخې خلاصې او یونیفورم سټروک برعکس لري؛ د دې غټ وزنونه (700) د سرلیکونو لپاره کارول کیږي، پداسې حال کې چې 500-600 د تڼیو او فرعي سرلیکونو لپاره کارول کیږي. د مینروپ یا انټر سره بدل کړئ.
- Gilroy — بدیل: Inter · بڼې 400 · د متن متن او عمومي هدف لرونکي UI لیبلونه - د 400 ټکو فونټ وزن ډاډ ورکوي چې اوږد متنونه د دروند احساس پرته لوستل کیدی شي.
- Gilroy — بدیل: Inter · بڼې 500 · ثانوي سرلیکونه او روښانه شوي بدن متن - ۱۴/۵۰۰ فونټ د کارت سرلیکونو او انلاین لیبلونو لپاره لومړنی وسیله ده.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8-16px |
| د تڼۍ وړانګې | 8px |
| د کارت وړانګې | 24px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 48-64px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Calendly سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Mollie — د کشمیري کاغذ کاونټر، تیاره کتابچه. د تور متن شاوخوا د اداری ډیزاین لپاره کافي سپین ځای پریږدئ، بیا د محصول پورې اړوند ټکي د ګرمو کریمونو، ایسپریسو نسواري، او د اصلي تادیې میتودونو لمس عکسونو سره پیاوړي کړئ.
- Kagi — د لوستلو لپاره جلا خونه. د زړو ګرافایټ متن شاوخوا یوه خلاصه سپینه ځای جوړه کړئ، د ارامۍ ماتولو لپاره د نازک ارغواني تلفظونو او ګرمو پیسټل سطحو څخه کار واخلئ.
- Milanote — میلانوټ یو وقف شوی تخلیقي سټوډیو دی. د لامبو وهلو بصري بورډونو په کارولو سره د اداری ګالري سټایل پاڼې جوړې کړئ: تیاره چوکاټ شوي دیوالونه، سپین ښودنې ځای، او سکرین شاټونه چې د نرم ژوروالي سره د اصلي شیانو په څیر ښکاري.
- Co2 — د ژمي په رڼا کې د اقلیم اتلس. د هوایی سند منظره په څیر پاڼې جوړې کړئ، چیرې چې د سیرف سرلیکونه، د کټګورۍ کوډ شوي معلومات، او یخ انځورونه پراخه سپینې حاشیې روښانه کوي.
- GitButler — د متن په پای کې فیروزي رنګ. د لوړ برعکس سیرف سرلیکونو ترکیب د نازک تخنیکي گرډونو، ګرمو ګرافایټ سطحو، او یو محتاط فیروزي تلفظ سره.
- ElevenLabs — د عکس مقاله په ګرمو کریمي رنګونو کې د نازکو سرلیکونو سره. د باهوس سټایل نوټ بوک - د هګۍ د خولۍ رنګ کاغذ، تور رنګ، او د محصول د نندارې لپاره یو واحد ارغواني او نارنجي تلفظ.
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Dub — د لینک میټ وریجو کاغذ کنټرول پینل
- Seline Analytics — په ګرم کاغذ باندې یو خاموش تحلیلي میز
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Anthropic — د ګرمو ویلم په اړه یو ساینسي ساحوي ژورنال — د عاج آرامه سطحې، سیریف شوي اداری سرلیکونه، او یو واحد خټې تلفظ چې یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.