Letters
Temujanji pagi di klinik terbuka—meja putih steril di bawah siling biru lembut, berselerak dengan instrumen pembedahan biru
Letters ialah alat penulisan surat perubatan yang bermula dengan pengepala langit terbuka kecerunan—jalur biru lembut yang atmosfera mewujudkan suasana klinikal yang tenang—sebelum beralih ke ruang kerja putih bersih. Sistem ini direka bentuk dalam gaya monokrom: kanvas putih bersih, teks hampir hitam (#070709), seruan bertindak berbentuk pil gelap dan kad bulat yang terapung di atas bayang-bayang yang paling halus. Satu warna biru terang (#2597d0) dikhaskan untuk tanda baca berfungsi—ikon, mikrografik, pemain bentuk gelombang—tidak pernah digunakan untuk butang atau isian besar. Tipografi menggunakan Open Runde, sans-serif humanis geometrik dengan jarak huruf negatif yang agresif pada saiz skrin yang lebih besar (-0.04em pada 80px), yang memampatkan pengepala menjadi blok yang yakin. Komponennya terasa ringan, seperti alat perubatan: bezel nipis, jarak kad yang luas, butang berbentuk pil dan penggunaan ketinggian yang bijaksana yang membolehkan pengepala berbentuk langit melakukan kerja emosi.
Laman utama kecerunan biru langit merangkumi keseluruhan lebar halaman, dengan tajuk dan subteks berpusat, dan butang seruan bertindak di bawah. Ia beralih dengan lancar ke kawasan kandungan putih dengan jarak yang luas antara bahagian (80-120px). Bahagian ciri menggunakan grid dua lajur kad besar dan bulat (jejari 18-32px) dengan perkadaran yang sama. Tajuk bahagian sentiasa berpusat, dalam satu lajur, di atas grid kad. Navigasi ialah bar atas putih tetap dengan gugusan pautan berpusat dan tindakan log masuk sejajar kanan. Ritma keseluruhan ialah jalur utama tunggal yang atmosfera, kemudian berselang-seli bahagian putih dan #f5f5f5 dengan ruang pernafasan menegak yang konsisten. Tiada bar sisi, tiada mega-menu, tiada susun atur asimetri—halaman terasa seperti lajur yang tenang dan simetri.
Reka bentuk visual hampir sepenuhnya tertumpu pada antara muka pengguna produk—tiada foto gaya hidup, tiada pemaparan 3D abstrak. Bahasa visual dibina di sekitar kad produk yang mempamerkan antara muka asli aplikasi: perbandingan dokumen "Sebelum" dan "Selepas", kawasan pemuatan dengan sempadan bertitik, dan pemain audio dalam bentuk gelombang. Satu-satunya elemen visual atmosfera ialah kecerunan langit dalam imej utama. Ikonnya ialah ikon garisan #2597d0 warna tunggal yang rata (sampul surat, mikrofon, tanda semak) dengan pemberat garisan yang seragam, tanpa variasi yang diisi. Gaya ilustrasi dihadkan: mockup produk dipaparkan pada latar belakang putih, diputar sedikit untuk mencipta kedalaman, tidak pernah condong tajam. Fon tulisan tangan (The Doctor) ialah satu-satunya elemen organik/buatan tangan, yang digunakan semata-mata untuk membangkitkan tulisan tangan klinikal pada kad "Sebelum".
Palet
Jenama
- Surgical Blue
#2597d0— Ikon, ikon mikrofon, pemain gelombang bunyi dan aksen berfungsi kecil mencipta nota kromatik tunggal di seluruh antara muka.
Neutral
- Obsidian
#070709— Salinan badan, butang seruan bertindak yang penuh dan elemen UI gelap—hampir hitam dipilih dan bukannya #000 tulen untuk melembutkan kontras terhadap latar belakang putih. - Paper White
#ffffff— Latar belakang halaman, permukaan kad dan teks butang ialah kanvas utama untuk semua bahagian di bawah elemen utama. - Cloud Gray
#f5f5f5— Permukaan kad tambahan dan latar belakang bahagian memisahkan blok berfungsi daripada kanvas utama. - Sky Tint
#d7e6f5— Warna bingkai kadbod dan rona biru permukaan yang hampir tidak ketara mewujudkan suasana, bukannya kelabu. - Charcoal
#60606c— Teks utama, teks sekunder dan sempadan disenyapkan - warna neutral yang dominan untuk kandungan bukan tajuk. - Slate
#8b8b8b— Teks kecil dan keadaan sempadan yang tidak aktif - digunakan untuk menunjukkan lokasi dan memastikan kebolehcapaian untuk orang kurang upaya.
Tipografi
dari 12 hingga 80 piksel · 8 langkah
- sans-serif — penggantian: Inter · garis besar 400, 700 · sans-serif - terdapat dalam data yang diekstrak tetapi tidak diterangkan oleh AI.
- Open Runde — penggantian: Inter Tight · garis besar 400, 500, 600, 700, 900 · Fon utama untuk tajuk dan navigasi ialah humanis geometri, dengan jarak huruf yang ketat pada saiz besar; -0.04em pada 80px memampatkan tajuk ke dalam satu blok yang kukuh. Gunakan untuk semua tajuk, navigasi dan teks besar.
- Inter — penggantian: system-ui · garis besar 400, 500 · Teks badan dan UI sekunder – digunakan untuk tajuk kecil, elemen navigasi dan pautan sebaris yang memerlukan rentak bacaan yang lebih neutral. Dipasangkan dengan Open Runde untuk mencipta kontras hierarki.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 12-16px |
| Jejari butang | 100px |
| Jejari kad | 18px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80-120px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Letters 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
- Integrated Biosciences — makmal bioluminesen pada tengah malam
- Mintlify — Taman awan di atas meja kaca. Langit yang dilukis dengan tangan dan dokumentari dibingkai bersama—satu-satunya tempat di mana warna dan konsep bertembung sebelum halaman itu pudar menjadi putih biara.
- Gleap — Ruang kerja yang dihiasi dengan rona krim hangat dengan aksen grafit—sebuah studio di mana titik-titik dakwat hitam matte kelihatan terapung di atas seni bina linen.
- Render — Reka bentuknya diperbuat daripada aluminium berus. Antara mukanya terasa seperti dokumen kejuruteraan geometri yang bersih—ruang putih, garisan nipis dan satu garisan ungu yang menarik perhatian kepada tindakan tersebut.
- Grafbase — lukisan kejuruteraan pada marmar sejuk
- Slash — Peti besi tengah malam dengan lejar berlapis emas
- Modal — Terminal berpendarfluor di dalam bilik pelayan yang gelap - satu-satunya sumber cahaya ialah warna hijau terang
- Whimsical — Dakwat plum pekat pada latar belakang lavender—buku nota studio kreatif yang berfungsi sebagai papan putih teknikal.
- AgentQL — Cahaya Utara di atas terminal pada waktu malam
- Alveos One — Sebuah tempat perlindungan yang selesa diperbuat daripada batu sungai – bilik meditasi yang tenang dan berkrim di mana satu objek grafit terletak dalam cahaya ambar lembut
- GitHub — Panel arahan angkasa lepas dengan titik kawalan bioluminesen—ruang kerja yang gelap dan atmosfera di mana satu cahaya hijau menunjukkan arah ke hadapan.
- Buddy — Lukisan kejuruteraan di atas kertas graf. Permukaan lukisan putih ditanda dengan grid yang hampir tidak kelihatan, diaplikasikan dengan dakwat hampir hitam, dengan tanda hijau limau pendarfluor dan sapuan kecerunan berwarna-warni.