Calendly
Tamsiai mėlynas rašalas ant šalto marmuro
„Calendly“ atrodo kaip rami, pasitikėjimo savimi kupina planavimo darbo vieta: beveik balta drobė su daugybe erdvės, ryškiai baltos produktų kortelės plūduriuoja vėsiame pilkame fone, o visa tipografija pateikiama tamsiai mėlynu rašalu, o ne gryna juoda spalva. Išskirtinis elementas yra tamsiai mėlyna spalva (#0b3558), naudojama visur, kur rodomas tekstas – antraštėse, mygtukuose, piktogramose, nuorodose – kuri sušvelnina visą sąsają, todėl ji tampa šiltesnė ir stilingesnė nei įprastas SaaS nukreipimo puslapis. Visiems pagrindiniams veiksmams naudojama viena ryškiai mėlyna spalva (#006bff), o dekoratyviniai rožiniai ir mėlyni purslai, besidriekiantys už produktų išdėstymo ribų, suteikia šilumos, nesukeldami netvarkos. Komponentai išlieka santūrūs: plonos 1 pikselio rėmeliai, subtilūs mėlyni šešėliai, dideli 24 pikselių kortelių spinduliai ir 8 pikselių mygtukų kampai atrodo apgalvoti, o ne blankūs.
Didžiausias plotis – 1200 pikselių, centruotas, su plačiomis paraštėmis darbalaukio versijoje. Pagrindinis ekranas padalintas į du stulpelius: kairiajame stulpelyje yra 80 pikselių antraštė + pagrindinis tekstas + sudėtiniai prisijungimo mygtukai, o dešiniajame stulpelyje – rezervavimo valdiklio kortelė su dekoratyviniais elementais fone. Po pagrindiniu ekranu yra viena viso pločio juostelė su „Trust“ logotipu. Vėlesnėse sekcijose kaitaliojasi centruoti antraštės blokai (H2 + potekstė + pasirinktinai raginimas veikti), po kurių seka dviejų stulpelių blokai, apibūdinantys funkcijas (tekstas kairėje / produktas dešinėje arba produktas kairėje / tekstas dešinėje), su dekoratyviniais akcento elementais už kiekvieno produkto paveikslėlio. Kortelių tinkleliai naudojami retai – išdėstyme pirmenybė teikiama suporuotoms sekcijoms, išdėstytoms greta, o ne kelių stulpelių tinkleliams. Tarpai tarp sekcijų svyruoja nuo 48 iki 64 pikselių. Navigacija yra 64 pikselių fiksuota viršutinė juosta su logotipu kairėje, centruotu meniu ir raginimų veikti grupe dešinėje.
Pagrindinis vizualinis elementas yra produkto ekrano kopijos – paprasti rezervavimo kalendoriaus vartotojo sąsajos maketai, pateikti ant ryškiai baltų kortelių su plačiais, užapvalintais kampais. Dekoratyvus dizainas: kiekvieną produkto kortelę supa švelni koralų violetinės (#e55cff) arba žydros mėlynos (#0099ff) spalvos dėmė, šiek tiek paslinkta ir neryški, sukurianti koliažo, o ne plokščios ekrano kopijos efektą. Jokių nuotraukų, jokių gyvenimo būdo vaizdų – visi vizualiniai elementai vaizduoja produkto vartotojo sąsają, abstrakčias akcento formas arba vienspalvius partnerių logotipus patikimumo juostoje. Piktogramos yra linijinės, linijos plotis 1,5–2 pikseliai, vienspalvės, tamsiai mėlynos (rašalo tamsiai mėlyna) arba mėlynos (signalinės mėlynos) spalvos.
Paletė
Prekės ženklas
- Ink Navy
#0b3558— Pagrindinis tekstas, antraštės, piktogramos, tamsus fonas raginimams veikti, naršymo nuorodos. - Signal Blue
#006bff— Pagrindinis raginimas veikti (CTA), aktyvi navigacija, nuorodos paryškinimas, pasirinktos būsenos
Neutralus
- Carbon
#0a0a0a— Tekstas grynai juodas (atsarginis variantas), logotipo simbolis, piktogramų užpildymas. - Slate Gray
#476788— Papildomas pagrindinis tekstas, pagalbinis tekstas, nutildytos etiketės. - Mist Gray
#a6bbd1— Išjungtas tekstas, neaktyvių funkcijų etiketės, šviesių piktogramų kontūrai - Cloud
#f8f9fb— Puslapio drobė, poraštės fonas, papildomas paviršius - Paper
#ffffff— Kortelių paviršiai, iškilūs skydeliai, mygtukų tekstas tamsiame fone. - Pebble
#f0f3f8— Piktogramų fono paveikslėliai, įvesties lauko šešėliavimas, subtilūs separatoriai, užvedimo efektai.
Tipografija
nuo 12 iki 80 pikselių · 10 žingsnių
- Gilroy — pakeitimas: Manrope · kontūrai 400, 500, 600, 700 · Visas sąsajos tekstas. „Gilroy“ yra geometrinis humanistinis be serifų šriftas su plačiomis angomis ir vienodu kontūrų kontrastu; jo paryškinimo storis (700) naudojamas antraštėms, o 500–600 – mygtukams ir paantraštėms. Pakeiskite „Manrope“ arba „Inter“.
- Gilroy — pakeitimas: Inter · kontūrai 400 · Pagrindinis tekstas ir bendrosios paskirties vartotojo sąsajos etiketės – 400 taškų šrifto storis užtikrina, kad ilgi tekstai būtų įskaitomi ir nesijaustų sunkūs.
- Gilroy — pakeitimas: Inter · kontūrai 500 · Antrinės antraštės ir paryškintas pagrindinis tekstas – 14/500 šriftas yra pagrindinė kortelių antraščių ir vidinių etikečių priemonė.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-16px |
| Mygtuko spindulys | 8px |
| Kortelės spindulys | 24px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 48-64px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Calendly stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- ElevenLabs — Šiltų kreminių atspalvių fotoreportažas su subtiliomis antraštėmis. Bauhaus stiliaus užrašų knygelė – kiaušinio lukšto spalvos popierius, juodas rašalas ir vienas violetinis bei oranžinis akcentas gaminiui eksponuoti.
- Awesomic — Redakcijos cinko tinklelis su oranžiniais skyrybos ženklais, primenančiais konfeti
- Monad — redakcinis techninis žurnalas ant šilto pergamento
- Dub — „Link“ matinio ryžinio popieriaus valdymo skydelis
- Seline Analytics — Ramus analitinis stalas ant šilto popieriaus
- Notion — Šiltas popierinis užrašų knygutės formos laikraštis vidurdienio saulėje
- Anthropic — Mokslinis lauko žurnalas ant šilto pergamento – ramūs dramblio kaulo paviršiai, serifuotos redakcinės antraštės ir vienas molinis akcentas, atsirandantis tik tada, kai reikia imtis veiksmų.
- Augen Pro — „Apple“ baltoje prezentacijoje monochrominėje erdvėje vienintelis akcentas – klinikinė, nesvari, elektrinė mėlyna spalva.
- Antimetal — Redakcijos kronika ant kreminio popieriaus – ramus rytas moksliniame žurnale, kur santūrumas perteikia pasitikėjimą, o serifai atlieka sunkų darbą.
- Perk — Elektrinė citrina ant šilto pergamentinio popieriaus
- Ditto — Saulės apšviestos dirbtuvės, kuriose kuriami laukinių gėlių pavyzdžiai. Šilti kreminiai paviršiai, ryški geltona pagrindinė spalva, tamsiai mėlyni dažai, organinės spalvų formos, žydinčios už kūrinio.
- Officevibe — Redakcinis žurnalas ant šiltos kreminės spalvos popieriaus. Įsivaizduokite apgalvotą esė apie žmogiškųjų išteklių valdymą, pateiktą kaip produktą – kursyvu su serifiniu šriftu, šnabždančiu per modernią mėlyną sąsają.