Calendly
Sovuq marmar ustiga to'q ko'k siyoh
Calendly xotirjam va o'ziga ishongan rejalashtirish ish maydoniga o'xshaydi: nafas olish uchun keng joy, salqin kulrang fonda suzib yuruvchi aniq oq mahsulot kartalari va barcha tipografiya sof qora emas, balki to'q ko'k siyohda tasvirlangan deyarli oq rangli kanvas. Belgilovchi element - bu to'q ko'k rang (#0b3558), matn paydo bo'lgan hamma joyda - sarlavhalar, tugmalar, piktogrammalar, havolalar - ishlatiladi, bu butun interfeysni yumshatadi, uni odatiy SaaS ochilish sahifasiga qaraganda iliqroq va zamonaviyroq qiladi. Barcha asosiy harakatlar uchun bitta yorqin ko'k (#006bff) ishlatiladi va mahsulot maketlaridan tashqariga cho'zilgan dekorativ pushti va ko'k ranglar chayqalishlar tartibsizlik yaratmasdan iliqlik qo'shadi. Komponentlar kamtarona saqlanadi: yupqa 1px chegaralar, nozik ko'k rangli soyalar, katta 24px karta radiuslari va 8px tugma burchaklari zerikarli emas, balki ataylab qilingandek tuyuladi.
Maksimal kengligi 1200 piksel, markazlashtirilgan, ish stolida keng chegaralar bilan. Asosiy ekran ikki ustunga bo'lingan: chap ustunda 80 pikselli sarlavha + asosiy matn + ustma-ust qo'yilgan kirish tugmalari, o'ng ustunda esa fonda dekorativ elementlarga ega buyurtma vidjeti kartasi mavjud. Asosiy ekran ostida Trust logotipi tushirilgan bitta, to'liq kenglikdagi chiziq joylashgan. Keyingi bo'limlar markazlashtirilgan sarlavha bloklari (H2 + pastki matn + ixtiyoriy harakatga chaqiruv) o'rtasida almashinadi, undan keyin har bir mahsulot tasvirining orqasida dekorativ urg'u elementlari bilan xususiyatlarni tavsiflovchi ikki ustunli bloklar (chapdagi matn/mahsulot o'ngda yoki mahsulot chapda/o'ngdagi matn) keladi. Karta panjaralari kamdan-kam ishlatiladi - maket ko'p ustunli panjaralar o'rniga yonma-yon joylashtirilgan juft bo'limlarni afzal ko'radi. Bo'limlar orasidagi masofa 48 dan 64 pikselgacha. Navigatsiya chap tomonda logotip, markazlashtirilgan menyu va o'ng tomonda harakatga chaqiruvlar guruhi bo'lgan 64 pikselli mahkamlangan yuqori paneldir.
Asosiy vizual element mahsulot skrinshotlari — buyurtma taqvimi foydalanuvchi interfeysining oddiy maketlari, keng, yumaloq burchakli aniq oq kartochkalarda ko'rsatilgan. Dekorativ dizayn: har bir mahsulot kartasi marjon binafsha rang (#e55cff) yoki ko'k ko'k (#0099ff) yumshoq nuqta bilan o'ralgan, biroz xiralashgan va xiralashgan, bu tekis skrinshot o'rniga kollaj effektini yaratadi. Fotosuratlar yo'q, turmush tarzi tasvirlari yo'q — barcha vizual elementlar mahsulot foydalanuvchi interfeysini, mavhum urg'u shakllarini yoki ishonch panelidagi monoxrom hamkor logotiplarini ifodalaydi. Belgilar chiziqli bo'lib, chiziq kengligi 1,5–2 piksel, monoxrom, to'q ko'k (Ink Navy) yoki ko'k (Signal Blue) ranglarida.
Palitra
Brend
- Ink Navy
#0b3558— Asosiy matn, sarlavhalar, piktogrammalar, harakatga chaqiruvlar uchun qorong'u fon, navigatsiya havolalari. - Signal Blue
#006bff— Birlamchi harakatga chaqiruv (CTA), faol navigatsiya, havolaga urg'u berish, tanlangan holatlar
Neytral
- Carbon
#0a0a0a— Matn sof qora rangda (zaxira nusxasi), logotip gliflari, ikonkalar to'ldirilishi. - Slate Gray
#476788— Qo'shimcha asosiy matn, qo'llab-quvvatlovchi matn, ovozsiz yorliqlar. - Mist Gray
#a6bbd1— O'chirilgan matn, faol bo'lmagan funksiya yorliqlari, yorug'lik belgisi konturlari - Cloud
#f8f9fb— Sahifa kanvasi, pastki fon, qo'shimcha sirt - Paper
#ffffff— Karta yuzalari, ko'tarilgan panellar, qorong'i fonda tugmachali matn. - Pebble
#f0f3f8— Piktogrammalar uchun fon rasmlari, kiritish maydonini soyalash, nozik ajratgichlar, hover effektlari.
Tipografiya
12 dan 80 pikselgacha · 10 qadam
- Gilroy — almashtirish: Manrope · konturlar 400, 500, 600, 700 · Barcha interfeys matni. Gilroy - keng diafragma va bir xil kontur kontrastiga ega geometrik gumanist sans-serif; uning qalin og'irliklari (700) sarlavhalar uchun, 500–600 esa tugmalar va kichik sarlavhalar uchun ishlatiladi. Manrope yoki Inter bilan almashtiring.
- Gilroy — almashtirish: Inter · konturlar 400 · Asosiy matn va umumiy maqsadli foydalanuvchi interfeysi yorliqlari - 400 punktli shrift qalinligi uzun matnlarni og'irlik sezmasdan o'qish mumkinligini ta'minlaydi.
- Gilroy — almashtirish: Inter · konturlar 500 · Ikkilamchi sarlavhalar va belgilangan asosiy matn - 14/500 shrift karta sarlavhalari va ichki yorliqlar uchun asosiy vositadir.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8-16px |
| Tugma radiusi | 8px |
| Karta radiusi | 24px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 48-64px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Calendly uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- ElevenLabs — Iliq krem tusli, nozik sarlavhali fotoinsho. Bauhaus uslubidagi daftar — tuxum qobig'i rangli qog'oz, qora siyoh va mahsulotni namoyish qilish uchun bitta binafsha va to'q sariq rangli aksent.
- Awesomic — Konfetini eslatuvchi to'q sariq tinish belgilari bilan bezatilgan rux to'ri
- Monad — Issiq pergamentdagi tahririyat texnik jurnali
- Dub — Linkning mat guruch qog'ozi boshqaruv paneli
- Seline Analytics — Issiq qog'ozda jimgina analitik stol
- Notion — Peshin quyoshida iliq qog'oz daftar
- Anthropic — Issiq pergamentga oid ilmiy jurnal - tinch fil suyagi yuzalar, serifli tahririyat sarlavhalari va faqat harakat zarur bo'lganda paydo bo'ladigan bitta loy aksenti.
- Augen Pro — Apple’ning oq rangli taqdimoti monoxrom makonda yagona aksent sifatida klinik, vaznsiz, elektr ko‘k rangga ega.
- Antimetal — Qaymoq qog'ozga yozilgan tahririyat xronikasi — ilmiy jurnalda sokin tong, bu yerda o'zini tuta bilish ishonchni ifodalaydi va seriflar og'ir ishlarni bajaradi
- Perk — Issiq pergament qog'ozidagi elektr ohak
- Ditto — Quyosh nuri tushgan holda yovvoyi gullar namunalarini yaratish ustaxonasi. Issiq krem rangli yuzalar, yorqin sariq asosiy rang, to'q ko'k siyohlar, asar orqasida gullab-yashnayotgan organik rang shakllari.
- Officevibe — Issiq krem rangli qog'ozda tahririyat jurnali. Zamonaviy ko'k interfeys orqali pichirlab yozilgan kursiv serif shrift - mahsulot sifatida taqdim etilgan HR menejmenti haqidagi puxta o'ylangan inshoni tasavvur qiling.