Calendly
Tinta biru poék dina marmer tiis
Calendly karasana siga rohangan gawé tata ruang anu tenang jeung percaya diri: kanvas ampir bodas kalawan loba rohangan pikeun ngarénghap, kartu produk bodas bersih anu ngambang ngalawan latar kulawu anu tiis, sarta sadaya tipografi anu dijieun dina tinta biru poék tinimbang hideung murni. Unsur anu ngabédakeunana nyaéta warna biru poék (#0b3558), anu dianggo di mana waé téks némbongan—judul utama, tombol, ikon, tautan—anu ngalemeskeun sakabéh antarmuka, ngajantenkeun langkung haneut sareng langkung bergaya tibatan halaman badarat SaaS has. Hiji biru caang (#006bff) dianggo pikeun sadaya tindakan primér, sareng cipratan pink sareng biru hiasan anu ngalegaan saluareun tata letak produk nambihan kahaneutan tanpa nyiptakeun pabalatak. Komponén dijaga sederhana: wates ipis 1px, kalangkang warna biru anu samar, radius kartu ageung 24px, sareng juru tombol 8px karasana disengaja tinimbang hambar.
Lebar maksimum 1200px, di tengah, kalayan margin anu lega dina desktop. Layar utama dibagi jadi dua kolom: kolom kénca ngandung lulugu 80px + téks awak + tombol login anu ditumpuk, sedengkeun kolom katuhu ngandung kartu widget booking kalayan unsur hiasan di tukang. Di handap layar utama aya hiji garis lébar pinuh kalayan logo Trust. Bagian-bagian salajengna silih genti antara blok lulugu di tengah (H2 + subtéks + ajakan bertindak opsional), dituturkeun ku blok dua kolom anu ngajelaskeun fitur (téks kénca/produk katuhu atanapi produk kénca/téks katuhu) kalayan unsur aksen hiasan di tukangeun unggal gambar produk. Kisi kartu jarang dianggo—tata letakna langkung milih bagian anu dipasangkeun anu disimpen gigireun tibatan kisi multi-kolom. Jarak antara bagian antara 48 dugi ka 64px. Navigasi mangrupikeun bilah luhur anu tetep 64px kalayan logo di kénca, ménu di tengah, sareng sakelompok ajakan bertindak di katuhu.
Unsur visual utama nyaéta cuplikan layar produk—mockup basajan tina antarmuka pangguna kalénder booking, anu dipidangkeun dina kartu bodas bersih kalayan juru anu lega sareng buleud. Desain dekoratif: unggal kartu produk dikurilingan ku titik lemes wungu koral (#e55cff) atanapi biru biru (#0099ff), rada offset sareng kabur, nyiptakeun éfék kolase tinimbang cuplikan layar datar. Teu aya poto, teu aya gambar gaya hirup—sadaya unsur visual ngagambarkeun antarmuka pangguna produk, bentuk aksen abstrak, atanapi logo mitra monokrom dina bilah kapercayaan. Ikon linier kalayan lébar garis 1,5–2px, monokrom, biru poék (Tinta Angkatan Laut) atanapi biru (Biru Sinyal).
Palet
Merek
- Ink Navy
#0b3558— Téks utama, judul, ikon, latar poék pikeun ajakan bertindak, tautan navigasi. - Signal Blue
#006bff— ajakan utama pikeun bertindak (CTA), navigasi aktif, penekanan tautan, kaayaan anu dipilih
Nétral
- Carbon
#0a0a0a— Téks hideung murni (gantian), logo glif, eusian ikon. - Slate Gray
#476788— Téks utama tambahan, téks pendukung, labél anu dibisukeun. - Mist Gray
#a6bbd1— Téks ditumpurkeun, labél fungsi teu aktip, garis luar ikon lampu - Cloud
#f8f9fb— Kanvas halaman, latar tukang footer, permukaan tambahan - Paper
#ffffff— Beungeut kartu, panel anu ditinggikeun, téks tombol dina latar anu poék. - Pebble
#f0f3f8— Gambar latar pikeun ikon, bayangan widang input, pambagi anu teu katingali, épék hover.
Tipografi
ti 12 nepi ka 80px · 10 léngkah
- Gilroy — panggantian: Manrope · garis besar 400, 500, 600, 700 · Sadaya téks antarmuka. Gilroy nyaéta sans-serif humanis géométri kalayan liang anu lega sareng kontras goresan anu seragam; beurat kandelna (700) dianggo pikeun judul, sedengkeun 500–600 dianggo pikeun tombol sareng subjudul. Ganti ku Manrope atanapi Inter.
- Gilroy — panggantian: Inter · garis besar 400 · Téks eusi sareng labél UI pikeun tujuan umum - Beurat font 400 poin mastikeun téks anu panjang tiasa dibaca tanpa karasa beurat.
- Gilroy — panggantian: Inter · garis besar 500 · Judul sekundér sareng téks eusi anu disorot - font 14/500 nyaéta alat utama pikeun judul kartu sareng labél inline.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 8-16px |
| Radius tombol | 8px |
| Radius kartu | 24px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 48-64px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Calendly sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- ElevenLabs — Esai poto dina warna krim haneut kalayan judul anu lemes. Buku catetan gaya Bauhaus—kertas warna cangkang endog, tinta hideung, sareng hiji aksen wungu sareng oranyeu pikeun tampilan produk.
- Awesomic — Jaring séng éditorial kalayan tanda baca oranyeu anu ngingetkeun kana konféti
- Monad — jurnal téknis éditorial ngeunaan perkamen haneut
- Dub — Panel kontrol kertas béas matte Link
- Seline Analytics — Méja analitik anu sepi dina kertas haneut
- Notion — Buku catetan kertas anu haneut dina panonpoé tengah poé
- Anthropic — Jurnal lapangan ilmiah ngeunaan vellum haneut—permukaan gading anu tenang, judul éditorial serif, sareng aksen liat tunggal anu ngan ukur muncul nalika aya tindakan anu diperyogikeun.
- Augen Pro — Presentasi bodas Apple nampilkeun warna biru listrik anu klinis, hampang, salaku hiji-hijina aksen dina rohangan monokrom.
- Antimetal — Kronik éditorial dina kertas krem—isuk anu sepi di jurnal ilmiah, dimana kateguhan nunjukkeun kapercayaan diri sareng serif ngalakukeun padamelan anu beurat
- Perk — Jeruk nipis dina kertas roti haneut
- Ditto — Bengkel anu disinari ku panonpoé pikeun nyieun conto kembang liar. Beungeut krim anu haneut, warna dasar konéng anu cerah, tinta biru laut anu jero, warna organik anu mekar di tukangeun karya seni.
- Officevibe — Majalah éditorial dina kertas warna krem haneut. Bayangkeun hiji éséy anu dipikirkeun kalawan saksama ngeunaan manajemen SDM, anu dipidangkeun salaku produk—huruf serif kursif anu ngaharéwos ngaliwatan antarmuka biru modéren.