Letters
Janji temu pagi di klinik terbuka—meja putih steril di bawah langit-langit biru lembut, dipenuhi dengan instrumen bedah berwarna biru.
Letters adalah alat bantu penulisan surat medis yang dimulai dengan header gradien langit terbuka—garis biru lembut dan atmosferik yang menciptakan suasana tenang dan klinis—sebelum beralih ke ruang kerja putih bersih. Sistem ini dirancang dengan gaya monokrom: kanvas putih bersih, teks hampir hitam (#070709), ajakan bertindak berbentuk pil gelap, dan kartu bulat yang mengambang di atas bayangan paling halus. Satu warna biru terang (#2597d0) dikhususkan untuk tanda baca fungsional—ikon, mikrografik, pemutar gelombang—tidak pernah digunakan untuk tombol atau isian besar. Tipografi menggunakan Open Runde, sans-serif humanis geometris dengan spasi huruf negatif yang agresif pada ukuran layar yang lebih besar (-0,04em pada 80px), yang memampatkan header menjadi blok yang tegas. Komponen-komponennya terasa ringan, seperti instrumen medis: bezel tipis, spasi kartu yang luas, tombol berbentuk pil, dan penggunaan elevasi yang bijaksana yang memungkinkan header berbentuk langit untuk melakukan pekerjaan emosional.
Beranda dengan gradien biru langit membentang di seluruh lebar halaman, dengan judul dan subteks yang berada di tengah, serta tombol ajakan bertindak di bawahnya. Halaman ini bertransisi dengan mulus ke area konten berwarna putih dengan jarak yang cukup lebar antar bagian (80-120px). Bagian fitur menggunakan grid dua kolom berupa kartu besar dan membulat (radius 18-32px) dengan proporsi yang sama. Judul bagian selalu berada di tengah, dalam satu kolom, di atas grid kartu. Navigasi berupa bilah atas putih tetap dengan kumpulan tautan yang berada di tengah dan tombol masuk yang rata kanan. Ritme keseluruhannya adalah garis utama yang atmosferik, kemudian bagian-bagian berwarna putih dan hitam bergantian dengan ruang vertikal yang konsisten. Tidak ada sidebar, tidak ada mega-menu, tidak ada tata letak asimetris—halaman terasa seperti kolom yang tenang dan simetris.
Desain visual hampir seluruhnya berfokus pada antarmuka pengguna produk—tidak ada foto gaya hidup, tidak ada render 3D abstrak. Bahasa visual dibangun di sekitar kartu produk yang menampilkan antarmuka asli aplikasi: perbandingan dokumen "Sebelum" dan "Setelah", area pemuatan dengan batas putus-putus, dan pemutar audio dalam bentuk gelombang. Satu-satunya elemen visual atmosfer adalah gradien langit pada gambar utama. Ikonnya datar, ikon garis #2597d0 satu warna (amplop, mikrofon, tanda centang) dengan ketebalan garis seragam, tanpa variasi isi. Gaya ilustrasinya terkendali: maket produk ditampilkan pada latar belakang putih, sedikit diputar untuk menciptakan kedalaman, tidak pernah dimiringkan secara tajam. Font tulisan tangan (The Doctor) adalah satu-satunya elemen organik/buatan tangan, yang digunakan semata-mata untuk membangkitkan tulisan tangan klinis pada kartu "Sebelum".
Palet
Merek
- Surgical Blue
#2597d0— Ikon-ikon, ikon mikrofon, pemutar gelombang suara, dan aksen fungsional kecil menciptakan satu nada kromatik di seluruh antarmuka.
Netral
- Obsidian
#070709— Teks isi, tombol ajakan bertindak yang terisi, dan elemen UI gelap—warna mendekati hitam dipilih alih-alih warna #000 murni untuk melembutkan kontras terhadap latar belakang putih. - Paper White
#ffffff— Latar belakang halaman, permukaan kartu, dan teks tombol merupakan kanvas utama untuk semua bagian di bawah elemen utama. - Cloud Gray
#f5f5f5— Permukaan kartu tambahan dan latar belakang bagian memisahkan blok fungsional dari kanvas utama. - Sky Tint
#d7e6f5— Warna bingkai kardus dan nuansa biru yang hampir tak terlihat pada permukaannya menciptakan suasana, bukan kesan kelabu. - Charcoal
#60606c— Teks utama, teks sekunder, dan batas yang redup - warna netral dominan untuk konten selain judul. - Slate
#8b8b8b— Teks kecil dan status perbatasan yang tidak aktif - digunakan untuk menunjukkan lokasi dan memastikan aksesibilitas bagi penyandang disabilitas.
Tipografi
dari 12 hingga 80px · 8 langkah
- sans-serif — penggantian: Inter · garis besar 400, 700 · sans-serif - ditemukan dalam data yang diekstrak tetapi tidak dijelaskan oleh AI.
- Open Runde — penggantian: Inter Tight · garis besar 400, 500, 600, 700, 900 · Font utama untuk judul dan navigasi adalah font humanis geometris, dengan jarak antar huruf yang rapat pada ukuran besar; -0,04em pada 80px memampatkan judul menjadi satu blok yang tegas. Gunakan untuk semua judul, navigasi, dan teks besar.
- Inter — penggantian: system-ui · garis besar 400, 500 · Teks isi dan UI sekunder – digunakan untuk judul kecil, elemen navigasi, dan tautan sebaris di mana ritme bacaan yang lebih netral diinginkan. Dipasangkan dengan Open Runde untuk menciptakan kontras hierarkis.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 12-16px |
| Radius tombol | 100px |
| Radius kartu | 18px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80-120px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Letters 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
- Integrated Biosciences — laboratorium bioluminesensi di tengah malam
- Mintlify — Sebuah taman awan di atas meja kaca. Langit yang digambar tangan dan film dokumenter dibingkai bersama—satu-satunya tempat di mana warna dan konsep berbenturan sebelum halaman memudar menjadi putih seperti biara.
- Gleap — Ruang kerja yang didekorasi dengan nuansa krem hangat dengan aksen grafit—sebuah studio di mana titik-titik tinta hitam matte tampak melayang di atas arsitektur linen.
- Render — Desainnya menggunakan aluminium yang disikat. Antarmuka terasa seperti dokumen teknik yang bersih dan geometris—ruang kosong, garis tipis, dan satu garis ungu yang menarik perhatian pada aksi yang terjadi.
- Grafbase — gambar teknik di atas marmer dingin
- Slash — Ruang penyimpanan tengah malam dengan buku besar berlapis emas
- Modal — Terminal berpendar di ruang server yang gelap - satu-satunya sumber cahaya adalah warna hijau terang.
- Whimsical — Tinta ungu tua yang pekat di atas latar belakang lavender—buku catatan studio kreatif yang juga berfungsi sebagai papan tulis teknis.
- AgentQL — Cahaya aurora borealis di atas terminal pada malam hari.
- Alveos One — Sebuah tempat berlindung yang nyaman terbuat dari batu sungai – ruang meditasi yang tenang dan diterangi cahaya lembut, di mana sebuah benda grafit tunggal berada dalam cahaya kuning keemasan yang lembut.
- GitHub — Panel komando luar angkasa dengan titik kontrol bioluminesen—ruang kerja yang gelap dan penuh atmosfer di mana satu cahaya hijau menunjukkan arah ke depan.
- Buddy — Gambar teknik pada kertas grafik. Permukaan gambar berwarna putih ditandai dengan kisi-kisi yang hampir tidak terlihat, diaplikasikan dengan tinta hampir hitam, dengan tanda hijau limau berpendar dan goresan gradien warna-warni.