Calendly

Tamnoplava tinta na hladnom mramoru

Calendly se doima kao miran i samouvjeren radni prostor za planiranje: gotovo bijelo platno s puno prostora za disanje, oštre bijele kartice proizvoda koje lebde na hladnoj sivoj pozadini, a sva tipografija prikazana tamnoplavom tintom, a ne čisto crnom. Definirajući element je tamnoplava boja (#0b3558), koja se koristi svugdje gdje se pojavljuje tekst - naslovi, gumbi, ikone, poveznice - što omekšava cijelo sučelje, čineći ga toplijim i elegantnijim od tipične SaaS odredišne stranice. Jedna jarko plava (#006bff) koristi se za sve primarne radnje, a dekorativni ružičasti i plavi detalji koji se protežu izvan izgleda proizvoda dodaju toplinu bez stvaranja nereda. Komponente su decentne: tanki obrubi od 1px, suptilne plavo obojene sjene, veliki radijusi kartica od 24px i kutovi gumba od 8px djeluju namjerno, a ne bezlično.

Maksimalna širina 1200px, centrirano, sa širokim marginama na radnoj površini. Glavni zaslon podijeljen je u dva stupca: lijevi stupac sadrži zaglavlje od 80px + tekst tijela + složene gumbe za prijavu, dok desni stupac sadrži karticu widgeta za rezervaciju s ukrasnim elementima u pozadini. Ispod glavnog zaslona nalazi se jedna traka pune širine s logotipom Trusta. Sljedeći odjeljci izmjenjuju se između centriranih blokova zaglavlja (H2 + podtekst + opcionalni poziv na akciju), nakon čega slijede blokovi u dva stupca koji opisuju značajke (tekst lijevo/proizvod desno ili proizvod lijevo/tekst desno) s ukrasnim naglasnim elementima iza svake slike proizvoda. Mreže kartica rijetko se koriste - raspored favorizira uparene odjeljke postavljene jedan pored drugog, a ne mreže s više stupaca. Razmak između odjeljaka kreće se od 48 do 64px. Navigacija je fiksna gornja traka od 64px s logotipom s lijeve strane, centriranim izbornikom i skupinom poziva na akciju s desne strane.

Glavni vizualni element su snimke zaslona proizvoda - jednostavne makete korisničkog sučelja kalendara rezervacija, prikazane na oštro bijelim karticama sa širokim, zaobljenim kutovima. Dekorativni dizajn: svaka kartica proizvoda okružena je mekom točkom koraljno ljubičaste (#e55cff) ili azurno plave (#0099ff) boje, blago pomaknute i zamućene, stvarajući efekt kolaža, a ne ravne snimke zaslona. Nema fotografija, nema slika životnog stila - svi vizualni elementi predstavljaju korisničko sučelje proizvoda, apstraktne naglašene oblike ili monokromatske logotipe partnera na traci povjerenja. Ikone su linearne s širinom linije od 1,5–2px, monokromatske, u tamnoplavoj (Ink Navy) ili plavoj (Signal Blue) boji.

Čisti SaaS Minimalizam Uvodnik

https://calendly.com

Paleta

Robna marka

Ink Navy #0b3558 — Glavni tekst, naslovi, ikone, tamna pozadina za pozive na akciju, navigacijske poveznice.
Signal Blue #006bff — Primarni poziv na akciju (CTA), aktivna navigacija, naglasak na poveznici, odabrana stanja

Neutralno

Carbon #0a0a0a — Tekst u čisto crnoj boji (rezervna boja), logotip, ispuna ikona.
Slate Gray #476788 — Dodatni glavni tekst, prateći tekst, prigušene oznake.
Mist Gray #a6bbd1 — Onemogućeni tekst, oznake neaktivnih funkcija, obrisi svijetlih ikona
Cloud #f8f9fb — Platno stranice, pozadina podnožja, dodatna površina
Paper #ffffff — Površine kartica, podignute ploče, tekst gumba na tamnoj pozadini.
Pebble #f0f3f8 — Pozadinske slike za ikone, sjenčanje polja za unos, suptilni separatori, efekti lebdenja.

Tipografija

od 12 do 80px · 10 koraka

Gilroy — zamjena: Manrope · obrisi 400, 500, 600, 700 · Sav tekst sučelja. Gilroy je geometrijski humanistički sans-serif sa širokim otvorima i ujednačenim kontrastom poteza; njegove podebljane težine (700) koriste se za naslove, dok se 500–600 koriste za gumbe i podnaslove. Zamijenite s Manrope ili Inter.
Gilroy — zamjena: Inter · obrisi 400 · Tekst tijela i oznake korisničkog sučelja opće namjene - debljina fonta od 400 bodova osigurava čitljivost dugih tekstova bez osjećaja težine.
Gilroy — zamjena: Inter · obrisi 500 · Sekundarni naslovi i istaknuti tekst tijela - font 14/500 je primarni alat za naslove kartica i unutarnje oznake.

Intervali i forma

Svrha	Značenje
Gustoća	gust
Osnovni korak	8-16px
Radijus gumba	8px
Radijus kartice	24px
Sjene	ne - obrubi umjesto sjena
Između odjeljaka	48-64px
Širina stranice	1200px

Umjetna inteligencija će izraditi vašu web stranicu u Calendly stilu i ispuniti je

Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.

Izradite web stranicu u ovom stilu

Slični stilovi

ElevenLabs — Foto esej u toplim krem tonovima s decentnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narančasti naglasak za izlaganje proizvoda.
Awesomic — Urednička cinkova mreža s narančastim interpunkcijskim znakovima koji podsjećaju na konfete
Monad — urednički tehnički časopis na toplom pergamentu
Dub — Linkova upravljačka ploča od mat rižinog papira
Seline Analytics — Tihi analitički stol na toplom papiru
Notion — Topla papirnata bilježnica na podnevnom suncu
Anthropic — Znanstveni terenski časopis o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni naglasak koji se pojavljuje samo kada je potrebna akcija.
Augen Pro — Appleova bijela prezentacija sadrži kliničku, bestežinu, električno plavu boju kao jedini naglasak u monokromatskom prostoru.
Antimetal — Uvodnik na krem papiru - mirno jutro u znanstvenom časopisu, gdje suzdržanost prenosi samopouzdanje, a serifi obavljaju teški posao
Perk — Električna limeta na toplom papiru za pečenje
Ditto — Suncem obasjana radionica u kojoj se izrađuju uzorci divljeg cvijeća. Tople kremaste površine, živahna žuta osnovna boja, tamnoplave tinte, organski oblici boja koji cvjetaju iza djela.
Officevibe — Uvodnik časopisa na toplom krem papiru. Zamislite promišljen esej o upravljanju ljudskim resursima, predstavljen kao proizvod - kurzivni serifni font koji šapuće kroz moderno plavo sučelje.