Calendly
Tamnoplava tinta na hladnom mramoru
Calendly djeluje 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 je tamnoplavom tintom, a ne čisto crnom. Definirajući element je tamnoplava boja (#0b3558), koja se koristi svugdje gdje se pojavljuje tekst - naslovi, dugmad, ikone, linkovi - što omekšava cijeli interfejs, č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 rasporeda proizvoda dodaju toplinu bez stvaranja nereda. Komponente su decentne: tanki okviri od 1px, suptilne plavo nijansirane sjene, veliki radijusi kartica od 24px i uglovi dugmadi od 8px djeluju namjerno, a ne bezlično.
Maksimalna širina 1200px, centrirano, sa širokim marginama na desktopu. Glavni ekran je podijeljen u dvije kolone: lijeva kolona sadrži zaglavlje od 80px + tekst tijela + naslagane dugmad za prijavu, dok desna kolona sadrži karticu widgeta za rezervaciju s dekorativnim elementima u pozadini. Ispod glavnog ekrana nalazi se jedna traka pune širine s logotipom Trusta. Naknadni odjeljci se izmjenjuju između centriranih blokova zaglavlja (H2 + podtekst + opcionalni poziv na akciju), nakon čega slijede blokovi u dvije kolone koji opisuju karakteristike (tekst lijevo/proizvod desno ili proizvod lijevo/tekst desno) s dekorativnim akcentnim elementima iza svake slike proizvoda. Mreže kartica se rijetko koriste - raspored favorizira uparene odjeljke postavljene jedan pored drugog, a ne mreže s više kolona. 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 grupom poziva na akciju s desne strane.
Glavni vizualni element su snimci ekrana proizvoda - jednostavni modeli korisničkog interfejsa kalendara rezervacija, prikazani na oštro bijelim karticama sa širokim, zaobljenim uglovima. Dekorativni dizajn: svaka kartica proizvoda okružena je mekom tačkom koraljno ljubičaste (#e55cff) ili azurno plave (#0099ff) boje, blago pomaknute i zamućene, stvarajući efekat kolaža, a ne ravni snimak ekrana. Nema fotografija, nema slika životnog stila - svi vizualni elementi predstavljaju korisnički interfejs proizvoda, apstraktne akcentne oblike ili monokromatske logotipe partnera na traci povjerenja. Ikone su linearne sa širinom linije od 1,5-2px, monokromatske, u tamnoplavoj (Ink Navy) ili plavoj (Signal Blue) boji.
Paleta
Brend
- Ink Navy
#0b3558— Glavni tekst, naslovi, ikone, tamna pozadina za pozive na akciju, navigacijski linkovi. - Signal Blue
#006bff— Primarni poziv na akciju (CTA), aktivna navigacija, naglasak na linku, odabrana stanja
Neutralno
- Carbon
#0a0a0a— Tekst u čisto crnoj boji (rezervna boja), logo glif, ikona za popunjavanje. - 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, podignuti paneli, tekst dugmadi 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 interfejsa. Gilroy je geometrijski humanistički sans-serif font sa širokim otvorima i ujednačenim kontrastom poteza; njegove podebljane težine (700) se koriste za naslove, dok se 500–600 koriste za dugmad i podnaslove. Zamijenite sa Manrope ili Inter.
- Gilroy — zamjena: Inter · obrisi 400 · Tekst tijela i oznake korisničkog interfejsa opšte 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 u tijelu - font 14/500 je primarni alat za naslove kartica i oznake u tekstu.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-16px |
| Radijus dugmeta | 8px |
| Radijus kartice | 24px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 48-64px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Calendly stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- ElevenLabs — Foto esej u toplim krem tonovima sa suptilnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narandžasti akcenat za izlaganje proizvoda.
- Awesomic — Urednička cinkova mreža s narandžastim interpunkcijskim znakovima koji podsjećaju na konfete
- Monad — urednički tehnički časopis na toplom pergamentu
- Dub — Linkova kontrolna ploča od mat rižinog papira
- Seline Analytics — Tihi analitički sto na toplom papiru
- Notion — Topla papirna sveska na podnevnom suncu
- Anthropic — Naučni časopis s terena o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni akcenat 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 akcenat u monohromatskom prostoru.
- Antimetal — Uvodnik na krem papiru - tiho jutro u naučnom časopisu, gdje suzdržanost prenosi samopouzdanje, a serifi obavljaju teški posao.
- Perk — Električni limet na toplom pergament papiru
- 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 moderni plavi interfejs.