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 اصلاح کول.
ورته سټایلونه
- ElevenLabs — د عکس مقاله په ګرمو کریمي رنګونو کې د نازکو سرلیکونو سره. د باهوس سټایل نوټ بوک - د هګۍ د خولۍ رنګ کاغذ، تور رنګ، او د محصول د نندارې لپاره یو واحد ارغواني او نارنجي تلفظ.
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Dub — د لینک میټ وریجو کاغذ کنټرول پینل
- Seline Analytics — په ګرم کاغذ باندې یو خاموش تحلیلي میز
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Anthropic — د ګرمو ویلم په اړه یو ساینسي ساحوي ژورنال — د عاج آرامه سطحې، سیریف شوي اداری سرلیکونه، او یو واحد خټې تلفظ چې یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.
- Augen Pro — د ایپل سپین پریزنټشن په یوه مونوکروم ځای کې د یوازینۍ تلفظ په توګه کلینیکي، بې وزنه، بریښنایی نیلي رنګ وړاندې کوي.
- Antimetal — په کریم کاغذ کې یوه اداریه کیسه - په یوه ساینسي ژورنال کې یوه خاموشه سهار، چیرې چې زغم باور څرګندوي او سیرفونه دروند کار کوي
- Perk — په ګرمو پارچمنټ کاغذ باندې برقي لیمو
- Ditto — د لمر وړانګو ورکشاپ چې د ځنګلي ګلونو نمونې جوړوي. ګرمې کریمي سطحې، یو متحرک ژیړ اساس رنګ، ژور سمندري نیلي رنګ، د ټوټې تر شا د عضوي رنګ بڼې غوړیږي.
- Officevibe — په ګرم کریم رنګ کاغذ باندې یوه اداری مجله. د HR مدیریت په اړه یوه فکري مقاله تصور کړئ، چې د محصول په توګه وړاندې کیږي - یو کرسیو سیریف فونټ چې د عصري نیلي انٹرفیس له لارې غږیږي.