
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
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 8-16px |
| Raġġ tal-buttuna | 8px |
| Raġġ tal-karta | 24px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 48-64px |
| Wisa' tal-paġna | 1200px |
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.