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
- Mollie — Kašmyro prekystalis, tamsi apskaitos knyga. Aplink juodą tekstą palikite pakankamai baltos vietos redakciniam dizainui, tada su produktais susijusius aspektus pabrėžkite šiltais kreminiais dažais, espreso rudais dažais ir apčiuopiamomis realių mokėjimo būdų nuotraukomis.
- Kagi — Atskira skaitykla. Sukurkite atvirą baltą erdvę aplink ryškų grafitinio teksto foną, naudodami subtilius violetinius akcentus ir šiltus pastelinius paviršius, kad suskaidytumėte ramybę.
- Milanote — „Milanote“ yra specializuota kūrybinė studija. Kurkite redakcinius galerijos stiliaus puslapius naudodami plaukiojančias vizualines lentas: tamsias įrėmintas sienas, baltą demonstravimo erdvę ir ekrano kopijas, kurios atrodo kaip tikri objektai su švelniu gyliu.
- Co2 — Klimato atlasas žiemos šviesoje. Kurkite puslapius kaip aerofotografijos peizažą, kuriame serifinės antraštės, kategorijomis koduoti duomenys ir lediniai vaizdai paryškina plačias baltas paraštes.
- GitButler — Turkio spalva teksto pabaigoje. Didelio kontrasto antraščių su serifais derinys su subtiliais techniniais tinkleliais, šiltais grafito paviršiais ir diskretišku turkio spalvos akcentu.
- 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ų.