Calendly
Dakwat biru tua pada marmar sejuk
Calendly terasa seperti ruang kerja perancangan yang tenang dan yakin: kanvas hampir putih dengan banyak ruang bernafas, kad produk putih bersih terapung dengan latar belakang kelabu yang sejuk, dan semua tipografi yang dihasilkan dalam dakwat biru gelap dan bukannya hitam tulen. Elemen yang menentukan ialah warna biru gelap (#0b3558), digunakan di mana-mana teks muncul—tajuk utama, butang, ikon, pautan—yang melembutkan keseluruhan antara muka, menjadikannya lebih hangat dan lebih bergaya daripada halaman pendaratan SaaS biasa. Satu warna biru terang (#006bff) digunakan untuk semua tindakan utama, dan percikan merah jambu dan biru hiasan yang melangkaui susun atur produk menambah kehangatan tanpa mewujudkan kekusutan. Komponen dikecilkan: sempadan 1px nipis, bayang-bayang berwarna biru halus, jejari kad 24px yang besar dan sudut butang 8px terasa disengajakan dan bukannya hambar.
Lebar maksimum 1200px, berpusat, dengan margin lebar pada desktop. Skrin utama dibahagikan kepada dua lajur: lajur kiri mengandungi pengepala 80px + teks isi + butang log masuk bertindan, manakala lajur kanan mengandungi kad widget tempahan dengan elemen hiasan di latar belakang. Di bawah skrin utama terdapat jalur lebar penuh tunggal dengan logo Amanah. Bahagian seterusnya berselang-seli antara blok pengepala berpusat (H2 + subteks + seruan bertindak pilihan), diikuti oleh blok dua lajur yang menerangkan ciri (teks kiri/produk kanan atau produk kiri/teks kanan) dengan elemen aksen hiasan di belakang setiap imej produk. Grid kad jarang digunakan—susun atur lebih mengutamakan bahagian berpasangan yang diletakkan bersebelahan dan bukannya grid berbilang lajur. Jarak antara bahagian adalah antara 48 hingga 64px. Navigasi ialah bar atas tetap 64px dengan logo di sebelah kiri, menu berpusat dan sekumpulan seruan bertindak di sebelah kanan.
Elemen visual utama ialah tangkapan skrin produk—mockup ringkas antara muka pengguna kalendar tempahan, yang dipaparkan pada kad putih bersih dengan sudut bulat yang lebar. Reka bentuk hiasan: setiap kad produk dikelilingi oleh titik lembut ungu koral (#e55cff) atau biru langit (#0099ff), sedikit diimbangi dan kabur, mewujudkan kesan kolaj dan bukannya tangkapan skrin yang rata. Tiada gambar, tiada imej gaya hidup—semua elemen visual mewakili antara muka pengguna produk, bentuk aksen abstrak atau logo rakan kongsi monokrom pada bar kepercayaan. Ikon adalah linear dengan lebar garisan 1.5–2px, monokrom, dalam warna biru tua (Dakwat Tentera Laut) atau biru (Biru Isyarat).
Palet
Jenama
- Ink Navy
#0b3558— Teks utama, tajuk, ikon, latar belakang gelap untuk seruan bertindak, pautan navigasi. - Signal Blue
#006bff— Seruan bertindak utama (CTA), navigasi aktif, penekanan pautan, keadaan terpilih
Neutral
- Carbon
#0a0a0a— Teks dalam warna hitam tulen (pilihan sampingan), glif logo, isian ikon. - Slate Gray
#476788— Teks utama tambahan, teks sokongan, label disenyapkan. - Mist Gray
#a6bbd1— Teks dinyahdayakan, label fungsi tidak aktif, garis besar ikon cahaya - Cloud
#f8f9fb— Kanvas halaman, latar belakang pengaki, permukaan tambahan - Paper
#ffffff— Permukaan kad, panel timbul, teks butang pada latar belakang gelap. - Pebble
#f0f3f8— Imej latar belakang untuk ikon, teduhan medan input, pemisah halus, kesan hover.
Tipografi
dari 12 hingga 80 piksel · 10 langkah
- Gilroy — penggantian: Manrope · garis besar 400, 500, 600, 700 · Semua teks antara muka. Gilroy ialah sans-serif humanis geometrik dengan apertur lebar dan kontras goresan seragam; pemberat tebalnya (700) digunakan untuk tajuk, manakala 500–600 digunakan untuk butang dan subtajuk. Gantikan dengan Manrope atau Inter.
- Gilroy — penggantian: Inter · garis besar 400 · Teks isi dan label UI kegunaan umum - Ketebalan fon 400 poin memastikan teks panjang boleh dibaca tanpa terasa berat.
- Gilroy — penggantian: Inter · garis besar 500 · Tajuk sekunder dan teks isi yang diserlahkan - fon 14/500 ialah alat utama untuk tajuk kad dan label sebaris.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8-16px |
| Jejari butang | 8px |
| Jejari kad | 24px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 48-64px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Calendly dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Mollie — Kaunter kasmir, lejar gelap. Tinggalkan ruang putih yang luas untuk reka bentuk editorial di sekeliling teks hitam, kemudian perkukuhkan poin berkaitan produk dengan krim suam, coklat espresso dan gambar taktil kaedah pembayaran sebenar.
- Kagi — Bilik bacaan yang berasingan. Cipta ruang putih terbuka di sekeliling teks grafit yang tebal, menggunakan aksen ungu halus dan permukaan pastel yang hangat untuk memecahkan ketenangan.
- Milanote — Milanote ialah studio kreatif khusus. Cipta halaman bergaya galeri editorial menggunakan papan visual terapung: dinding berbingkai gelap, ruang paparan putih dan tangkapan skrin yang kelihatan seperti objek sebenar dengan kedalaman yang lembut.
- Co2 — Atlas iklim dalam cahaya musim sejuk. Cipta halaman seperti landskap dokumen udara, di mana tajuk serif, data berkod kategori dan imej berais menonjolkan margin putih yang lebar.
- GitButler — Biru kehijauan pada akhir teks. Gabungan tajuk serif kontras tinggi dengan grid teknikal yang halus, permukaan grafit yang hangat dan aksen biru kehijauan yang tersembunyi.
- ElevenLabs — Esei foto dalam rona krim hangat dengan tajuk utama yang halus. Buku nota gaya Bauhaus—kertas berwarna kulit telur, dakwat hitam dan satu aksen ungu dan oren untuk paparan produk.
- Awesomic — Jaring zink editorial dengan tanda baca oren yang mengingatkan pada konfeti
- Monad — jurnal teknikal editorial mengenai perkamen hangat
- Dub — Panel kawalan kertas beras matte Link
- Seline Analytics — Jadual analitik yang tenang di atas kertas suam
- Notion — Buku nota kertas yang hangat di bawah sinaran matahari tengah hari
- Anthropic — Jurnal lapangan saintifik mengenai vellum hangat—permukaan gading yang tenang, tajuk editorial serif dan aksen tanah liat tunggal yang hanya muncul apabila tindakan diperlukan.