Telegramma, WhatsApp+380637610482
Valery Danyuk
Valery DanyukżviluppaturŻvilupp ta' għodod tal-IA għan-negozji. Kwalità għolja. Affordabbli.Ikteb fuq Telegram
Calendly — previżjoni ta' sit f'dan l-istil

Calendly

Linka blu skura fuq irħam kiesaħ

Calendly jagħti l-ħajja ta' spazju tax-xogħol tal-ippjanar kalm u kunfidenti: kanvas kważi abjad b'ħafna spazju biex tieħu n-nifs, karti tal-prodott bojod iqarmeċ fuq sfond griż frisk, u t-tipografija kollha ppreżentata b'linka blu skura minflok sewda pura. L-element li jiddefinixxi huwa l-kulur blu skur (#0b3558), użat kullimkien fejn jidher it-test—titoli, buttuni, ikoni, links—li jrattab l-interface kollha, u jagħmilha aktar sħuna u stylish mill-landing page tipika tas-SaaS. Blu jgħajjat wieħed (#006bff) jintuża għall-azzjonijiet primarji kollha, u tixrid dekorattiv roża u blu li jestendi lil hinn mit-tqassim tal-prodott iżid is-sħana mingħajr ma joħloq imbarazz. Il-komponenti jinżammu sottili: borduri rqaq ta' 1px, dellijiet sottili b'lewn blu, raġġi kbar tal-karti ta' 24px, u kantunieri tal-buttuni ta' 8px iħossuhom intenzjonati aktar milli sempliċi.

Wisa' massima ta' 1200px, iċċentrata, b'marġini wesgħin fuq id-desktop. L-iskrin prinċipali huwa maqsum f'żewġ kolonni: il-kolonna tax-xellug fiha header ta' 80px + test tal-ġisem + buttuni ta' login f'munzelli, filwaqt li l-kolonna tal-lemin fiha kard tal-widget tal-booking b'elementi dekorattivi fl-isfond. Taħt l-iskrin prinċipali hemm strixxa waħda ta' wisa' sħiħa bil-logo tat-Trust. Taqsimiet sussegwenti jalternaw bejn blokki ta' header iċċentrati (H2 + sottotest + sejħa għall-azzjoni fakultattiva), segwiti minn blokki ta' żewġ kolonni li jiddeskrivu l-karatteristiċi (test xellug/prodott lemin jew prodott xellug/test lemin) b'elementi ta' aċċent dekorattiv wara kull immaġni tal-prodott. Il-grilji tal-kards rarament jintużaw—it-tqassim jiffavorixxi sezzjonijiet imqabbla mqiegħda ħdejn xulxin aktar milli grilji b'ħafna kolonni. L-ispazjar bejn is-sezzjonijiet ivarja minn 48 sa 64px. In-navigazzjoni hija bar ta' fuq fiss ta' 64px bil-logo fuq ix-xellug, menu ċċentrat, u grupp ta' sejħiet għall-azzjoni fuq il-lemin.

L-element viżwali ewlieni huwa screenshots tal-prodott—mockups sempliċi tal-interfaċċja tal-utent tal-kalendarju tal-bookings, murija fuq karti bojod iqarmeċ b'kantunieri wesgħin u ttundjati. Disinn dekorattiv: kull kard tal-prodott hija mdawra b'tikka ratba ta' vjola qroll (#e55cff) jew blu ċelesti (#0099ff), kemxejn spostata u mċajpra, u toħloq effett ta' collage aktar milli screenshot ċatt. L-ebda ritratti, l-ebda stampi tal-istil tal-ħajja—l-elementi viżwali kollha jirrappreżentaw l-interfaċċja tal-utent tal-prodott, forom ta' aċċenti astratti, jew logos monokromi tas-sħab fuq il-bar tal-fiduċja. L-ikoni huma lineari b'wisa' tal-linja ta' 1.5–2px, monokromi, blu skur (Ink Navy) jew blu (Signal Blue).

Paletta

Marka

  • Ink Navy #0b3558 — Test prinċipali, intestaturi, ikoni, sfond skur għal sejħiet għal azzjoni, links ta' navigazzjoni.
  • Signal Blue #006bff — Sejħa primarja għall-azzjoni (CTA), navigazzjoni attiva, enfasi fuq il-link, stati magħżula

Newtrali

  • Carbon #0a0a0a — Test bl-iswed pur (riżerva), glifu tal-logo, mili tal-ikona.
  • Slate Gray #476788 — Test prinċipali addizzjonali, test ta' appoġġ, tikketti siekta.
  • Mist Gray #a6bbd1 — Test diżattivat, tikketti ta' funzjonijiet inattivi, kontorni ta' ikoni tad-dawl
  • Cloud #f8f9fb — Kanvas tal-paġna, sfond tal-footer, wiċċ żejjed
  • Paper #ffffff — Uċuħ tal-karti, pannelli mqajma, test tal-buttuni fuq sfond skur.
  • Pebble #f0f3f8 — Immaġnijiet ta' sfond għal ikoni, dell tal-qasam tal-input, separaturi sottili, effetti ta' hover.

Tipografija

minn 12 sa 80px · 10 passi

  • Gilroy — sostituzzjoni: Manrope · linji gwida 400, 500, 600, 700 · It-test kollu tal-interfaċċja. Gilroy hija sans-serif umanista ġeometrika b'aperturi wesgħin u kuntrast uniformi tal-puplesija; il-piżijiet grassi tagħha (700) jintużaw għat-titoli, filwaqt li 500–600 jintużaw għall-buttuni u s-sottotitoli. Ibdel b'Manrope jew Inter.
  • Gilroy — sostituzzjoni: Inter · linji gwida 400 · Test tal-ġisem u tikketti tal-UI għal skopijiet ġenerali - Il-piż tat-tipa ta' 400 punt jiżgura li testi twal ikunu leġġibbli mingħajr ma jħossuhom tqal.
  • Gilroy — sostituzzjoni: Inter · linji gwida 500 · Intestaturi sekondarji u test tal-korp enfasizzat - It-tipa 14/500 hija l-għodda primarja għall-intestaturi tal-karti u t-tikketti inline.

Intervalli u forma

SkopTifsira
Densitàdens
Pass bażiku8-16px
Raġġ tal-buttuna8px
Raġġ tal-karta24px
Dellijietle - fruntieri minflok dellijiet
Bejn is-sezzjonijiet48-64px
Wisa' tal-paġna1200px

L-AI se tibni l-websajt tiegħek fl-istil ta' Calendly u timlieha

  • Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
  • Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
  • Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
  • Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.

Stili simili

  • ElevenLabs — Esej bir-ritratti f'toni krema sħan b'titoli sottili. Notebook stil Bauhaus—karta kkulurita bħal qoxra tal-bajda, linka sewda, u aċċent wieħed vjola u oranġjo għall-wiri tal-prodott.
  • Awesomic — Xibka taż-żingu editorjali b'marki ta' punteġġjatura oranġjo li jfakkru fil-konfetti
  • Monad — ġurnal tekniku editorjali fuq parċmina sħuna
  • Dub — Il-pannell tal-kontroll tal-karta tar-ross matte ta' Link
  • Seline Analytics — Tabella analitika kwieta fuq karta sħuna
  • Notion — Notebook tal-karta sħuna fix-xemx ta’ nofsinhar
  • Anthropic — Ġurnal xjentifiku fuq il-post fuq vellum sħun—uċuħ kalmi tal-avorju, intestaturi editorjali b'serif, u aċċent wieħed tat-tafal li jidher biss meta tkun meħtieġa azzjoni.
  • Augen Pro — Il-preżentazzjoni bajda ta' Apple tinkludi blu elettriku kliniku, bla piż bħala l-uniku aċċent fi spazju monokromu.
  • Antimetal — Kronaka editorjali fuq karta krema—għodwa kwieta f’ġurnal xjentifiku, fejn ir-rażan iwassal kunfidenza u s-serifs jagħmlu x-xogħol iebes
  • Perk — Ġir elettriku fuq karta parċmina sħuna
  • Ditto — Workshop imdawwal mix-xemx joħloq kampjuni ta' fjuri selvaġġi. Uċuħ krema sħan, kulur bażi isfar vibranti, linka blu skur, forom ta' kulur organiku jiffjorixxu wara l-biċċa.
  • Officevibe — Rivista editorjali fuq karta ta’ lewn krema sħun. Immaġina esej maħsub dwar il-ġestjoni tal-HR, ippreżentat bħala prodott—font serif kursiv li jxaqleb minn ġo interface blu moderna.