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
- 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.
- Augen Pro — Pembentangan putih Apple menampilkan warna biru elektrik klinikal, tanpa berat sebagai satu-satunya aksen dalam ruang monokrom.
- Antimetal — Kronik editorial di atas kertas krim—pagi yang tenang di jurnal saintifik, di mana kekangan menyampaikan keyakinan dan serif melakukan tugas yang berat
- Perk — Kapur elektrik di atas kertas parchment yang suam
- Ditto — Sebuah bengkel yang disinari cahaya matahari menghasilkan sampel bunga liar. Permukaan krim hangat, warna asas kuning terang, dakwat biru laut pekat, bentuk warna organik mekar di sebalik karya itu.
- Officevibe — Sebuah majalah editorial di atas kertas berwarna krim suam. Bayangkan sebuah esei yang bernas tentang pengurusan HR, yang dibentangkan sebagai satu produk—fon serif kursif yang berbisik melalui antara muka biru moden.