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
- Mollie — Kaşmir hasaplaýjy, garaňky hasap defteri. Gara tekstiň töwereginde redaksiýa dizaýny üçin ýeterlik ak ýer galdyryň, soňra önüm bilen baglanyşykly nokatlary ýyly kremler, espresso kokteýlleri we hakyky töleg usullarynyň duýulýan suratlary bilen güýçlendiriň.
- Kagi — Aýry okaýyş otagy. Parahatçylygy bozmak üçin inçe gyrmyzy reňkli aksentleri we ýyly pastel ýüzleri ulanyp, goýy grafit tekstiniň daşynda açyk ak ýer dörediň.
- Milanote — “Milanote” ýöriteleşdirilen döredijilik studiýadyr. Garaňky çarçuwaly diwarlar, ak displeý giňişligi we ýumşak çuňlukly hakyky obýektlere meňzeş ekran suratlary ýaly ýüzýän wizual tagtalary ulanyp, redaksiýa galereýa görnüşli sahypalary dörediň.
- Co2 — Gyşky ýagtylykda howa atlasy. Serif sözbaşylary, kategoriýa boýunça kodlanan maglumatlar we buzly suratlar giň ak gyralary görkezýän howa resminamasynyň peýzažy ýaly sahypalary dörediň.
- GitButler — Tekstiň ahyrynda firuze reňk. Ýokary kontrastly serif sözbaşylarynyň inçe tehniki torlar, ýyly grafit ýüzleri we gizlin firuze reňk aksenti bilen utgaşmasy.
- 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.