Calendly
Temno modro črnilo na hladnem marmorju
Calendly daje občutek mirnega in samozavestnega delovnega prostora za načrtovanje: skoraj belo platno z veliko prostora za dihanje, sveže bele kartice izdelkov, ki lebdijo na hladno sivem ozadju, in vsa tipografija, upodobljena s temno modrim črnilom namesto s čisto črnim. Prevladujoč element je temno modra barva (#0b3558), ki se uporablja povsod, kjer se pojavi besedilo – naslovi, gumbi, ikone, povezave –, ki zmehča celoten vmesnik, ga naredi toplejšega in bolj elegantnega kot tipična ciljna stran SaaS. Za vsa glavna dejanja se uporablja ena sama svetlo modra barva (#006bff), okrasni rožnati in modri pljuski, ki segajo preko postavitev izdelkov, pa dodajo toplino, ne da bi ustvarili nered. Komponente so zadržane: tanki robovi debeline 1 slikovne pike, subtilne modro obarvane sence, veliki polmeri kartic debeline 24 slikovnih pik in vogali gumbov debeline 8 slikovnih pik delujejo premišljeno in ne dolgočasno.
Največja širina 1200 slikovnih pik, na sredini, s širokimi robovi na namizju. Glavni zaslon je razdeljen na dva stolpca: levi stolpec vsebuje 80 slikovnih pik glavo + besedilo telesa + naložene gumbe za prijavo, desni stolpec pa kartico pripomočka za rezervacijo z okrasnimi elementi v ozadju. Pod glavnim zaslonom je en sam pas polne širine z logotipom Trust. Nadaljnji razdelki se izmenjujejo med centriranimi bloki glave (H2 + podtekst + neobvezen poziv k dejanju), ki jim sledijo dvostolpčni bloki, ki opisujejo funkcije (besedilo levo/izdelek desno ali izdelek levo/besedilo desno) z okrasnimi poudarki za vsako sliko izdelka. Mreže kartic se redko uporabljajo – postavitev daje prednost parnim razdelkom, postavljenim drug ob drugem, namesto mrežam z več stolpci. Razmik med razdelki se giblje od 48 do 64 slikovnih pik. Navigacija je fiksna zgornja vrstica velikosti 64 slikovnih pik z logotipom na levi, centriranim menijem in skupino pozivov k dejanju na desni.
Glavni vizualni element so posnetki zaslona izdelkov – preprosti modeli uporabniškega vmesnika koledarja rezervacij, upodobljeni na svežih belih karticah s širokimi, zaobljenimi vogali. Dekorativna zasnova: vsako kartico izdelka obdaja mehka pika koralno vijolične (#e55cff) ali azurno modre (#0099ff) barve, rahlo odmaknjena in zamegljena, kar ustvarja učinek kolaža in ne ravnega posnetka zaslona. Brez fotografij, brez slik življenjskega sloga – vsi vizualni elementi predstavljajo uporabniški vmesnik izdelka, abstraktne poudarjene oblike ali enobarvne logotipe partnerjev na vrstici zaupanja. Ikone so linearne s širino črte 1,5–2 slikovnih pik, enobarvne, v temno modri (Ink Navy) ali modri (Signal Blue) barvi.
Paleta
Blagovna znamka
- Ink Navy
#0b3558— Glavno besedilo, naslovi, ikone, temno ozadje za pozive k dejanju, navigacijske povezave. - Signal Blue
#006bff— Primarni poziv k dejanju (CTA), aktivna navigacija, poudarek na povezavah, izbrana stanja
Nevtralno
- Carbon
#0a0a0a— Besedilo v čisti črni barvi (rezervna različica), logotip, polnilo z ikonami. - Slate Gray
#476788— Dodatno glavno besedilo, podporno besedilo, utišane oznake. - Mist Gray
#a6bbd1— Onemogočeno besedilo, oznake neaktivnih funkcij, obrisi svetlih ikon - Cloud
#f8f9fb— Platno strani, ozadje noge, dodatna površina - Paper
#ffffff— Površine kartic, dvignjene plošče, besedilo gumbov na temnem ozadju. - Pebble
#f0f3f8— Ozadne slike za ikone, senčenje vnosnih polj, subtilna ločila, učinki lebdenja.
Tipografija
od 12 do 80 slikovnih pik · 10 korakov
- Gilroy — zamenjava: Manrope · obrisi 400, 500, 600, 700 · Vsa besedila vmesnika. Gilroy je geometrijska humanistična pisava brez serifov s širokimi odprtinami in enakomernim kontrastom potez; njene debeline krepke pisave (700) se uporabljajo za naslove, medtem ko se 500–600 uporablja za gumbe in podnaslove. Zamenjajte z Manrope ali Inter.
- Gilroy — zamenjava: Inter · obrisi 400 · Telo besedila in splošne oznake uporabniškega vmesnika – debelina pisave 400 točk zagotavlja, da so dolga besedila berljiva, ne da bi se zdela težka.
- Gilroy — zamenjava: Inter · obrisi 500 · Sekundarni naslovi in označeno besedilo v telesu – pisava 14/500 je glavno orodje za naslove kartic in vstavljene oznake.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8-16px |
| Polmer gumba | 8px |
| Polmer kartice | 24px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 48-64px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Calendly in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- ElevenLabs — Foto esej v toplih kremnih tonih z nežnimi naslovi. Zvezek v slogu Bauhausa – papir barve jajčne lupine, črno črnilo in en sam vijolično-oranžen poudarek za predstavitev izdelka.
- Awesomic — Uredniška cinkova mreža z oranžnimi ločili, ki spominjajo na konfete
- Monad — uredniška tehnična revija na toplem pergamentu
- Dub — Linkova nadzorna plošča z mat riževim papirjem
- Seline Analytics — Tiha analitična miza na toplem papirju
- Notion — Topel papirnat zvezek na opoldanskem soncu
- Anthropic — Znanstvena terenska revija o toplem pergamentu – mirne slonokoščene površine, serifirani uvodniški naslovi in en sam glineni naglas, ki se pojavi le, ko je potrebno ukrepanje.
- Augen Pro — Applova bela predstavitev ima klinično, breztežno, električno modro barvo kot edini poudarek v enobarvnem prostoru.
- Antimetal — Uredniška kronika na krem papirju – mirno jutro v znanstveni reviji, kjer zadržanost izraža samozavest, serifi pa opravljajo težko delo.
- Perk — Električna apna na toplem pergamentnem papirju
- Ditto — S soncem obsijana delavnica ustvarjanja vzorcev divjih rož. Tople kremne površine, živahna rumena osnovna barva, temno temno modra črnila, organske barvne oblike, ki cvetijo za delom.
- Officevibe — Uredniška revija na toplem kremnem papirju. Predstavljajte si premišljen esej o upravljanju s človeškimi viri, predstavljen kot izdelek – kurzivna serifna pisava, ki šepeta skozi sodoben moder vmesnik.