Calendly
Cerneală albastru închis pe marmură rece
Calendly se simte ca un spațiu de lucru de planificare calm și încrezător: o pânză aproape albă cu mult spațiu de respirație, carduri de produs albe imaculate plutind pe un fundal gri rece și toată tipografia redată cu cerneală albastru închis în loc de negru pur. Elementul definitoriu este culoarea albastru închis (#0b3558), folosită peste tot unde apare textul - titluri, butoane, pictograme, linkuri - care înmoaie întreaga interfață, făcând-o mai caldă și mai elegantă decât pagina de destinație SaaS tipică. Un singur albastru strălucitor (#006bff) este folosit pentru toate acțiunile principale, iar stropii decorativi roz și albaștri care se extind dincolo de machetele produselor adaugă căldură fără a crea dezordine. Componentele sunt menținute discrete: chenarele subțiri de 1px, umbrele subtile cu nuanțe albastre, razele mari ale cardurilor de 24px și colțurile butoanelor de 8px par intenționate, mai degrabă decât banale.
Lățime maximă 1200px, centrată, cu margini late pe desktop. Ecranul principal este împărțit în două coloane: coloana din stânga conține un antet de 80px + text de corp + butoane de conectare suprapuse, în timp ce coloana din dreapta conține un card widget de rezervare cu elemente decorative în fundal. Sub ecranul principal se află o singură bandă pe lățime completă cu sigla Trust. Secțiunile ulterioare alternează între blocuri de antet centrate (H2 + subtext + îndemn la acțiune opțional), urmate de blocuri pe două coloane care descriu caracteristici (text stânga/produs dreapta sau produs stânga/text dreapta) cu elemente decorative de accent în spatele fiecărei imagini a produsului. Grilele de carduri sunt rareori utilizate - aspectul favorizează secțiunile pereche plasate una lângă alta, mai degrabă decât grilele cu mai multe coloane. Spațierea dintre secțiuni variază de la 48 la 64px. Navigarea este o bară superioară fixă de 64px cu sigla în stânga, un meniu centrat și un grup de îndemnuri la acțiune în dreapta.
Principalul element vizual îl reprezintă capturile de ecran ale produsului - machete simple ale interfeței utilizator a calendarului de rezervări, redate pe cartonașe albe impecabile, cu colțuri late și rotunjite. Design decorativ: fiecare cartonaș de produs este înconjurat de o pată delicată de violet coral (#e55cff) sau albastru azur (#0099ff), ușor decalate și neclar, creând un efect de colaj mai degrabă decât o captură de ecran plată. Fără fotografii, fără imagini cu stil de viață - toate elementele vizuale reprezintă interfața utilizator a produsului, forme abstracte de accent sau sigle monocrome ale partenerilor pe bara de încredere. Pictogramele sunt liniare, cu o lățime a liniei de 1,5–2 px, monocrome, în albastru închis (Ink Navy) sau albastru (Signal Blue).
Paletă
Marca
- Ink Navy
#0b3558— Text principal, titluri, pictograme, fundal închis pentru îndemnuri la acțiune, linkuri de navigare. - Signal Blue
#006bff— Îndemn la acțiune principal (CTA), navigare activă, accentuare link, stări selectate
Neutru
- Carbon
#0a0a0a— Text negru pur (rezervă), glif logo, umplere pictogramă. - Slate Gray
#476788— Text principal suplimentar, text de susținere, etichete dezactivate. - Mist Gray
#a6bbd1— Text dezactivat, etichete de funcții inactive, contururi de pictograme luminoase - Cloud
#f8f9fb— Pânză de pagină, fundal subsol, suprafață suplimentară - Paper
#ffffff— Suprafețe de card, panouri în relief, text pentru butoane pe fundal închis. - Pebble
#f0f3f8— Imagini de fundal pentru pictograme, umbrire a câmpurilor de introducere a textului, separatoare subtile, efecte de hover.
Tipografie
de la 12 la 80px · 10 pași
- Gilroy — înlocuire: Manrope · contururi 400, 500, 600, 700 · Tot textul interfeței. Gilroy este un font sans-serif umanist geometric, cu aperturi largi și contrast uniform al contururilor; grosimile sale îngroșate (700) sunt folosite pentru titluri, în timp ce 500–600 sunt folosite pentru butoane și subtitluri. Înlocuiți cu Manrope sau Inter.
- Gilroy — înlocuire: Inter · contururi 400 · Textul corpului și etichete generale pentru interfața utilizator - grosimea fontului de 400 de puncte asigură lizibilitatea textelor lungi, fără a fi greoaie.
- Gilroy — înlocuire: Inter · contururi 500 · Titluri secundare și text evidențiat - Fontul 14/500 este instrumentul principal pentru titlurile cardurilor și etichetele în linie.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8-16px |
| Raza butonului | 8px |
| Raza cardului | 24px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 48-64px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Calendly și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- ElevenLabs — Un eseu foto în tonuri calde de crem, cu titluri subtile. Un caiet în stil Bauhaus — hârtie de culoarea cojii de ou, cerneală neagră și un singur accent violet și portocaliu pentru prezentarea produsului.
- Awesomic — Plasă de zinc editorială cu semne de punctuație portocalii care amintesc de confetti
- Monad — revistă tehnică editorială pe pergament cald
- Dub — Panoul de control din hârtie de orez mată al lui Link
- Seline Analytics — O masă analitică liniștită pe hârtie caldă
- Notion — Un caiet de hârtie cald în soarele de la amiază
- Anthropic — O revistă științifică de teren pe pergament cald — suprafețe calme de fildeș, titluri editoriale cu serife și un singur accent de lut care apare doar atunci când este nevoie de acțiune.
- Augen Pro — Prezentarea albă a Apple prezintă un albastru electric, clinic, imponderabil, ca unic accent într-un spațiu monocrom.
- Antimetal — O cronică editorială pe hârtie crem - o dimineață liniștită la o revistă științifică, unde reținerea transmite încredere, iar serifele fac munca grea
- Perk — Varză electrică pe hârtie de copt caldă
- Ditto — Un atelier însorit care creează mostre de flori sălbatice. Suprafețe crem calde, o culoare de bază galben vibrant, cerneluri bleumarin intens, forme organice de culoare înflorind în spatele piesei.
- Officevibe — O revistă editorială pe hârtie crem-verzuie. Imaginați-vă un eseu profund despre managementul resurselor umane, prezentat ca un produs - un font cursiv serif care șoptește printr-o interfață albastră modernă.