Calendly
Tinta biru peteng ing marmer adhem
Calendly krasa kaya papan kerja perencanaan sing tenang lan percaya diri: kanvas sing meh putih kanthi akeh ruang ambegan, kertu produk putih resik sing ngambang ing latar mburi abu-abu sing adhem, lan kabeh tipografi digawe nganggo tinta biru peteng tinimbang ireng murni. Unsur sing nemtokake yaiku warna biru peteng (#0b3558), sing digunakake ing endi wae teks katon—judhul, tombol, ikon, pranala—sing ngalusake kabeh antarmuka, saengga luwih anget lan luwih gaya tinimbang kaca arahan SaaS khas. Siji biru padhang (#006bff) digunakake kanggo kabeh tumindak utama, lan cipratan jambon lan biru dekoratif sing ngluwihi tata letak produk nambah anget tanpa nggawe kekacauan. Komponen tetep diremehake: wates 1px tipis, bayangan warna biru sing alus, radius kertu 24px gedhe, lan pojok tombol 8px krasa disengaja tinimbang hambar.
Ambane maksimal 1200px, ana ing tengah, kanthi margin amba ing desktop. Layar utama dipérang dadi rong kolom: kolom kiwa ngemot header 80px + teks awak + tombol mlebu sing ditumpuk, dene kolom tengen ngemot kertu widget pesenan kanthi elemen dekoratif ing latar mburi. Ing ngisor layar utama ana garis amba tunggal kanthi logo Trust. Bagean sabanjure ganti-ganti antarane blok header sing ana ing tengah (H2 + subteks + ajakan tumindak opsional), banjur blok rong kolom sing njlentrehake fitur (teks kiwa/produk tengen utawa produk kiwa/teks tengen) kanthi elemen aksen dekoratif ing mburi saben gambar produk. Kisi kertu arang digunakake—tata letak luwih seneng bagean sing dipasangake sing diselehake jejer tinimbang kisi multi-kolom. Jarak antarane bagean antara 48 nganti 64px. Navigasi minangka bilah ndhuwur tetep 64px kanthi logo ing sisih kiwa, menu ing tengah, lan klompok ajakan tumindak ing sisih tengen.
Unsur visual utama yaiku gambar layar produk—mockup prasaja saka antarmuka panganggo kalender pesenan, sing ditampilake ing kertu putih resik kanthi pojok sing amba lan bunder. Desain dekoratif: saben kertu produk diubengi dening titik alus ungu koral (#e55cff) utawa biru biru (#0099ff), rada offset lan burem, nggawe efek kolase tinimbang gambar layar sing rata. Ora ana foto, ora ana gambar gaya urip—kabeh unsur visual makili antarmuka panganggo produk, bentuk aksen abstrak, utawa logo mitra monokrom ing bilah kepercayaan. Ikon linier kanthi jembar garis 1,5–2px, monokrom, biru peteng (Tinta Biru Laut) utawa biru (Biru Sinyal).
Palet
Merek
- Ink Navy
#0b3558— Teks utama, judhul, ikon, latar mburi peteng kanggo ajakan tumindak, pranala navigasi. - Signal Blue
#006bff— Ajakan tumindak utama (CTA), navigasi aktif, penekanan pranala, status sing dipilih
Netral
- Carbon
#0a0a0a— Teks ireng murni (lapisan cadangan), logo glif, isian ikon. - Slate Gray
#476788— Teks utama tambahan, teks pendukung, label sing dibisu. - Mist Gray
#a6bbd1— Teks dipateni, label fungsi ora aktif, garis besar ikon lampu - Cloud
#f8f9fb— Kanvas kaca, latar mburi footer, permukaan ekstra - Paper
#ffffff— Lumahing kertu, panel sing munggah, teks tombol ing latar mburi peteng. - Pebble
#f0f3f8— Gambar latar mburi kanggo ikon, bayangan kolom input, pemisah sing alus, efek hover.
Tipografi
saka 12 nganti 80px · 10 langkah
- Gilroy — panggantos: Manrope · garis besar 400, 500, 600, 700 · Kabeh teks antarmuka. Gilroy minangka sans-serif humanis geometris kanthi aperture amba lan kontras stroke sing seragam; bobot kandel (700) digunakake kanggo judhul, dene 500-600 digunakake kanggo tombol lan subjudul. Ganti nganggo Manrope utawa Inter.
- Gilroy — panggantos: Inter · garis besar 400 · Teks awak lan label UI kanggo tujuan umum - Bobot font 400 poin njamin teks dawa bisa diwaca tanpa krasa abot.
- Gilroy — panggantos: Inter · garis besar 500 · Judhul sekunder lan teks isi sing disorot - font 14/500 minangka alat utama kanggo judhul kertu lan label inline.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 8-16px |
| Radius tombol | 8px |
| Radius kertu | 24px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 48-64px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Calendly lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- ElevenLabs — Esai foto nganggo warna krem anget kanthi judhul sing alus. Buku cathetan gaya Bauhaus—kertas warna kulit endhog, tinta ireng, lan aksen ungu lan oranye siji kanggo tampilan produk.
- Awesomic — Jaring seng editorial nganggo tandha wacan oranye sing ngelingake konfeti
- Monad — jurnal teknis editorial babagan perkamen anget
- Dub — Panel kontrol kertas beras matte Link
- Seline Analytics — Tabel analitis sing sepi ing kertas anget
- Notion — Buku cathetan kertas sing anget ing srengenge awan
- Anthropic — Jurnal lapangan ilmiah babagan vellum anget—permukaan gading sing tenang, judhul editorial serif, lan aksen lempung tunggal sing mung katon nalika ana tindakan sing dibutuhake.
- Augen Pro — Presentasi putih Apple nduweni warna biru elektrik sing klinis, entheng minangka aksen tunggal ing ruang monokrom.
- Antimetal — Kronik editorial ing kertas krem—esuk sing sepi ing jurnal ilmiah, ing ngendi pengekangan nuduhake rasa percaya diri lan serif nindakake tugas sing abot
- Perk — Jeruk nipis listrik ing kertas roti anget
- Ditto — Lokakarya sing kebak cahya srengenge nggawe conto kembang liar. Permukaan krem sing anget, warna dasar kuning sing cerah, tinta biru laut sing jero, wujud warna organik sing mekar ing mburi karya kasebut.
- Officevibe — Majalah editorial ing kertas warna krem sing anget. Bayangna esai sing dipikir kanthi tliti babagan manajemen SDM, sing ditampilake minangka produk—font serif kursif sing muni liwat antarmuka biru modern.