Calendly
Tinta biru tua di atas marmer dingin
Calendly terasa seperti ruang kerja perencanaan yang tenang dan percaya diri: kanvas hampir putih dengan banyak ruang bernapas, kartu produk putih bersih mengambang di atas latar belakang abu-abu dingin, dan semua tipografi ditampilkan dengan tinta biru tua alih-alih hitam murni. Elemen yang menentukan adalah warna biru tua (#0b3558), yang digunakan di mana pun teks muncul—judul, tombol, ikon, tautan—yang melembutkan seluruh antarmuka, membuatnya lebih hangat dan lebih bergaya daripada halaman arahan SaaS pada umumnya. Warna biru cerah tunggal (#006bff) digunakan untuk semua tindakan utama, dan percikan dekoratif merah muda dan biru yang meluas di luar tata letak produk menambah kehangatan tanpa menciptakan kekacauan. Komponen dibuat sederhana: batas tipis 1px, bayangan berwarna biru yang halus, radius kartu besar 24px, dan sudut tombol 8px terasa disengaja dan bukan hambar.
Lebar maksimum 1200px, terpusat, dengan margin lebar pada desktop. Layar utama dibagi menjadi dua kolom: kolom kiri berisi header 80px + teks isi + tombol login bertumpuk, sedangkan kolom kanan berisi kartu widget pemesanan dengan elemen dekoratif di latar belakang. Di bawah layar utama terdapat satu garis lebar penuh dengan logo Trust. Bagian selanjutnya bergantian antara blok header terpusat (H2 + subteks + ajakan bertindak opsional), diikuti oleh blok dua kolom yang menjelaskan fitur (teks kiri/produk kanan atau produk kiri/teks kanan) dengan elemen aksen dekoratif di belakang setiap gambar produk. Kisi kartu jarang digunakan—tata letak lebih menyukai bagian berpasangan yang ditempatkan berdampingan daripada kisi multi-kolom. Jarak antar bagian berkisar antara 48 hingga 64px. Navigasi berupa bilah atas tetap 64px dengan logo di sebelah kiri, menu terpusat, dan sekelompok ajakan bertindak di sebelah kanan.
Elemen visual utama adalah tangkapan layar produk—maket sederhana antarmuka pengguna kalender pemesanan, yang ditampilkan pada kartu putih bersih dengan sudut lebar dan membulat. Desain dekoratif: setiap kartu produk dikelilingi oleh titik lembut berwarna ungu koral (#e55cff) atau biru langit (#0099ff), sedikit bergeser dan buram, menciptakan efek kolase daripada tangkapan layar datar. Tidak ada foto, tidak ada gambar gaya hidup—semua elemen visual mewakili antarmuka pengguna produk, bentuk aksen abstrak, atau logo mitra monokrom pada bilah kepercayaan. Ikon berbentuk garis dengan lebar garis 1,5–2px, monokrom, berwarna biru tua (Ink Navy) atau biru (Signal Blue).
Palet
Merek
- Ink Navy
#0b3558— Teks utama, judul, ikon, latar belakang gelap untuk ajakan bertindak, tautan navigasi. - Signal Blue
#006bff— Ajakan bertindak (CTA) utama, navigasi aktif, penekanan tautan, negara bagian terpilih
Netral
- Carbon
#0a0a0a— Teks berwarna hitam pekat (cadangan), glif logo, isian ikon. - Slate Gray
#476788— Teks utama tambahan, teks pendukung, label yang dibisukan. - Mist Gray
#a6bbd1— Teks dinonaktifkan, label fungsi tidak aktif, garis luar ikon terang - Cloud
#f8f9fb— Kanvas halaman, latar belakang footer, permukaan tambahan - Paper
#ffffff— Permukaan kartu, panel timbul, teks tombol pada latar belakang gelap. - Pebble
#f0f3f8— Gambar latar belakang untuk ikon, bayangan kolom input, pemisah halus, efek saat kursor diarahkan ke ikon (hover).
Tipografi
dari 12 hingga 80px · 10 langkah
- Gilroy — penggantian: Manrope · garis besar 400, 500, 600, 700 · Semua teks antarmuka. Gilroy adalah sans-serif humanis geometris dengan bukaan lebar dan kontras goresan seragam; bobot tebalnya (700) digunakan untuk judul, sedangkan 500–600 digunakan untuk tombol dan subjudul. Ganti dengan Manrope atau Inter.
- Gilroy — penggantian: Inter · garis besar 400 · Teks isi dan label UI umum - bobot font 400 poin memastikan teks panjang tetap terbaca tanpa terasa berat.
- Gilroy — penggantian: Inter · garis besar 500 · Judul sekunder dan teks isi yang disorot - font 14/500 adalah alat utama untuk judul kartu dan label sebaris.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 8-16px |
| Radius tombol | 8px |
| Radius kartu | 24px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 48-64px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Calendly dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- ElevenLabs — Esai foto dalam nuansa krem hangat dengan judul yang halus. Sebuah buku catatan bergaya Bauhaus—kertas berwarna putih telur, tinta hitam, dan aksen ungu dan oranye tunggal untuk tampilan produk.
- Awesomic — Jaring seng editorial dengan tanda baca oranye yang mengingatkan pada confetti.
- Monad — jurnal teknis editorial tentang perkamen hangat
- Dub — Panel kontrol kertas beras matte milik Link
- Seline Analytics — Sebuah tabel analitis yang tenang di atas kertas hangat.
- Notion — Sebuah buku catatan kertas hangat di bawah terik matahari siang.
- Anthropic — Jurnal ilmiah lapangan di atas kertas vellum hangat—permukaan gading yang tenang, judul editorial berserif, dan aksen tanah liat tunggal yang hanya muncul ketika diperlukan tindakan.
- Augen Pro — Presentasi serba putih Apple menampilkan warna biru elektrik yang klinis dan ringan sebagai satu-satunya aksen di ruang monokrom.
- Antimetal — Sebuah catatan editorial di atas kertas krem—pagi yang tenang di sebuah jurnal ilmiah, di mana sikap menahan diri menyampaikan kepercayaan diri dan huruf serif melakukan tugas berat.
- Perk — Kapur elektrik di atas kertas perkamen hangat
- Ditto — Sebuah bengkel yang diterangi sinar matahari sedang membuat sampel bunga liar. Permukaan krem yang hangat, warna dasar kuning yang cerah, tinta biru tua yang pekat, bentuk warna organik yang bermekaran di belakang karya tersebut.
- Officevibe — Sebuah majalah editorial dengan kertas berwarna krem hangat. Bayangkan sebuah esai mendalam tentang manajemen SDM, yang disajikan sebagai sebuah produk—font serif kursif yang berbisik melalui antarmuka biru modern.