Calendly
Sowuk mermeriň üstünde gara gök syýa
Calendly asuda we ynamly meýilnamalaşdyryş iş meýdany ýaly duýulýar: köp dem alyş üçin boşluk bolan ak reňkli tuwal, sowuk çal reňkli fonda ýüzüp duran arassa ak önüm kartlary we ähli tipografiýa arassa gara däl-de, gara gök syýa bilen ýerine ýetirilen. Esasy element gara gök reňkdir (#0b3558), tekstiň peýda bolýan ähli ýerinde - sözbaşylar, düwmeler, nyşanlar, baglanyşyklar - ulanylýar, bu bolsa tutuş interfeýsi ýumşadýar we ony adaty SaaS açylyş sahypasyndan has ýyly we has stilli edýär. Ähli esasy hereketler üçin ýekeje açyk gök reňk (#006bff) ulanylýar we önümiň düzülişinden daşary çykýan bezeg gülgüne we gök reňkler bulaşyklyk döretmezden ýylylyk goşýar. Komponentler kiçi görkezilýär: inçe 1px serhetler, inçe gök reňkli kölegeler, uly 24px kart radiuslary we 8px düwme burçlary ýönekeý däl-de, maksatly ýaly duýulýar.
Maksimum ini 1200px, merkezleşdirilen, iş stolunda giň gyralar bilen. Esasy ekran iki sütüne bölünýär: çep sütunda 80px sözbaşy + esasy tekst + üst-üste goýlan giriş düwmeleri, sag sütunda bolsa fonunda bezeg elementleri bolan bronlama widget karty bar. Esasy ekranyň aşagynda Ynam logotipi bolan ýeke-täk, doly ini zolak bar. Soňraky bölümler merkezleşdirilen sözbaşy bloklary (H2 + alt tekst + isleg boýunça çagyryş) arasynda üýtgeýär, soňra her bir önümiň suratynyň arkasynda bezeg elementleri bolan aýratynlyklary beýan edýän iki sütunly bloklar (çepde tekst/önüm sag ýa-da önümiň çepde/önüm sag tekst) gelýär. Kart torlary seýrek ulanylýar - düzüliş köp sütunly torlaryň ýerine gapdal-ýana ýerleşdirilen jübüt bölümleri goldaýar. Bölümleriň arasyndaky aralyk 48-den 64px-e çenli. Nawigasiýa çepde logotip, merkezleşdirilen menýu we sagda herekete çagyryşlar topary bolan 64px berk ýokarky zolakdyr.
Esasy wizual element önümiň ekran suratlarydyr — giň, tegelek burçlary bolan aýdyň ak kartlarda görkezilen bronlama senenamasynyň ulanyjy interfeýsiniň ýönekeý maketleri. Bezeg dizaýny: her bir önümiň karty merjen gyrmyzy (#e55cff) ýa-da gök gök (#0099ff) reňkli ýumşak nokat bilen gurşalandyr, biraz üýtgedilip we bulanyklanyp, tekiz ekran suratynyň ýerine kollaž effektini döredýär. Suratlar ýok, durmuş suratlary ýok — ähli wizual elementler önümiň ulanyjy interfeýsini, abstrakt aksent şekillerini ýa-da ynam panelindäki monohrom hyzmatdaş logotiplerini görkezýär. Nyşanlar 1,5–2 piksel giňlikde çyzykly, monohrom, goýy gök (syýaly deňiz reňki) ýa-da gök (Signal gök reňki) reňkde.
Palitra
Brend
- Ink Navy
#0b3558— Esasy tekst, sözbaşylar, nyşanlar, herekete çagyryşlar üçin garaňky fon, nawigasiýa baglanyşyklary. - Signal Blue
#006bff— Esasy çagyryş (CTA), işjeň nawigasiýa, baglanyşyk nygtamak, saýlanan ýagdaýlar
Neýtral
- Carbon
#0a0a0a— Sap gara reňkdäki tekst (zahira), logotip glif, nyşan doldurma. - Slate Gray
#476788— Goşmaça esasy tekst, goldaw teksti, sessiz ýazgylar. - Mist Gray
#a6bbd1— Öçürilen tekst, işjeň däl funksiýa bellikleri, ýagtylyk nyşanynyň konturlary - Cloud
#f8f9fb— Sahypanyň kanwasy, aşaky kolonka fony, goşmaça ýüz - Paper
#ffffff— Kart ýüzleri, galdyrylan paneller, garaňky fonda düwme teksti. - Pebble
#f0f3f8— Belgiler, giriş meýdanynyň kölegelendirilmegi, inçe bölüjiler, howada galdyryjy effektler üçin fon suratlary.
Tipografiýa
12-den 80 piksele çenli · 10 ädim
- Gilroy — çalyşmak: Manrope · konturlar 400, 500, 600, 700 · Ähli interfeýs tekstleri. Gilroy giň diafragmalary we deň derejede urgularyň kontrastly geometrik gumanist sans-serifdir; onuň ýogyn agramlary (700) sözbaşylar üçin, 500–600 bolsa düwmeler we kiçi sözbaşylar üçin ulanylýar. Manrope ýa-da Inter bilen çalşyň.
- Gilroy — çalyşmak: Inter · konturlar 400 · Esasy tekst we umumy maksatly interfeýs bellikleri - 400 punktlyk şrift agramy uzyn tekstleriň agyr duýulman okalyp bilinmegini üpjün edýär.
- Gilroy — çalyşmak: Inter · konturlar 500 · Ikinji derejeli sözbaşylar we aýratynlaşdyrylan esasy tekst - 14/500 şrift kartoçka sözbaşylary we setir içindäki ýazgylar üçin esasy guraldyr.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8-16px |
| Düwme radiusy | 8px |
| Kart radiusy | 24px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 48-64px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Calendly stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- ElevenLabs — Ýumşak krem reňkli we inçe sözbaşyly suratly esse. Bauhaus stilindäki depderçe — ýumurtga gabygy reňkli kagyz, gara syýa we önümi görkezmek üçin ýekeje gyrmyzy we mämişi reňkli bezeg.
- Awesomic — Konfeti ýadyňa salýan mämişi punktuasiýa belgileri bolan redaksiýa sink tor
- Monad — ýyly pergamentde redaksiýa tehniki žurnaly
- Dub — Link-iň mat tüwi kagyzynyň dolandyryş paneli
- Seline Analytics — Ýyly kagyzyň üstünde sessiz analitiki stol
- Notion — Günortan güneşinde ýyly kagyz depder
- Anthropic — Ýyly pergament barada ylmy meýdan žurnaly — pil süňküniň asuda ýüzleri, serif redaksiýa sözbaşylary we diňe hereket gerek bolanda peýda bolýan ýekeje palçyk aksenti.
- Augen Pro — Apple-iň ak görnüşi monohrom giňişlikde ýeke-täk aksent hökmünde kliniki, agramsyz, elektrik gök reňki öz içine alýar.
- Antimetal — Kremli kagyzdaky redaksiýa hronikasy — ylmy žurnalda asuda ertir, bu ýerde öz-özüňi saklamak ynamy aňladýar, serifler bolsa agyr işleri ýerine ýetirýär.
- Perk — Gyzgyn pergament kagyzynda elektrik laýmy
- Ditto — Gün şöhlesi düşýän ussahanada ýabany gülleriň nusgalaryny döredýär. Ýyly krem reňkli ýüzler, açyk sary esasy reňk, goýy gök reňkli syýalar, eseriň arkasynda açylýan organiki reňkli görnüşler.
- Officevibe — Krem reňkli kagyzda ýazylan redaksiýa žurnaly. HR dolandyryşy barada oýlanyşykly oçerk göz öňüne getiriň, ol önüm hökmünde hödürlenýär — häzirki zaman gök interfeýs arkaly pyşyrdaýan kursiw serif şrifti.