Ui
rencana klinis ing kertas matte
shadcn/ui kuwi bengkel kanggo nggawe sistem desain monokrom: kanvas putih resik, permukaan abu-abu anget sing alus, lan kertu radius gedhe sing diselehake ing wates sing paling alus. Antarmuka meh kabeh akromatik—teks ireng, permukaan putih, nada sekunder abu-abu—kanthi siji warna abang sing ngganggu sing disimpen kanggo status kesalahan lan ora liya. Tipografi gumantung ing netralitas geometris Geist kanthi dhuwur huruf sing rapet ing layar, nggawe rasa tenang, kaya kode sing luwih kaya infrastruktur pangembang tinimbang produk konsumen.
Gambar minimal—sistem iki meh kabeh kasusun saka antarmuka panganggo. Ora ana foto kunci, ilustrasi, utawa grafis dekoratif. Demo produk ditampilake minangka mockup komponen (kertu, kolom input, tombol) ing kothak, sing dadi dokumentasi lan konten visual. Ikon minangka garis geometris tipis (kamungkinan dijupuk saka Lucide) kandele 1,5–2px ing #0a0a0a utawa #737373, digunakake kanthi sithik minangka isyarat fungsional. Basa visual yaiku komponen UI dhewe—kaca kasebut fungsine minangka pandhuan gaya urip, ing ngendi saben elemen sing katon minangka elemen desain sing katon.
Palet
Netral
- Canvas
#f5f5f5— Latar mburi kaca, isi permukaan sing ora diresiki, tombol tambahan. - Paper
#ffffff— Permukaan kertu, latar mburi pop-up, isi tombol utama - Surface Alt
#fafafa— Latar mburi bilah sisih, pilihan kertu sing ora ngganggu, kahanan kolom input nganggur. - Ink
#0a0a0a— Teks utama, judhul, label tombol, garis besar ikon. - Ink Soft
#171717— Gambar latar mburi tombol nganggo isian, teks tambahan ing permukaan sing padhang. - Mid Gray
#737373— Teks utama, teks placeholder, label bantu, lan isian ikon nalika ora digunakake kabeh dibisu.
Tipografi
saka 12 nganti 48px · 8 langkah
- Geist — panggantos: Inter · garis besar 400, 500, 600 · Kabeh teks antarmuka—teks awak kanthi bobot baris 14px/400, judhul kanthi bobot baris 24–48px/600, lan tombol kanthi bobot baris 13–14px/500. Wangun huruf geometris Geist lan bobot baris sing seragam nggawe kesan netral kanggo piranti pangembang; bobot baris 600 kanthi jarak huruf 48px lan jarak huruf -0.05em njamin judhul sing jelas lan percaya diri sing katon dipikir kanthi wicaksana tinimbang diowahi.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 8px |
| Radius tombol | 18px |
| Radius kertu | 24px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 48-80px |
| Ambane kaca | 1280px |
AI bakal mbangun situs web sampeyan nganggo gaya Ui lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Ventriloc — Observatorium editorial data ing kertas anget - siji bara oranye sing nyoroti presisi monokrom
- Geniestudio — Buku cathetan alus kanggo awan—jinis buku cathetan kanthi pinggiran amba lan sak goresan pena sing kandel
- xAI — Lab Krim Anget nganggo Pil Ireng
- Cal — Kepraktisan monokrom, pendekatan manungsa. Sistem sing ngutamakake kajelasan lan fungsionalitas liwat palet ireng-putih sing ketat, nanging ngalusake nganggo tipografi sing ramah lan bentuk bunder.
- Scale — Laboratorium foto kualitas museum sing dhuwur digabungake karo proyek teknis
- Contractbook — kontrak kertas krim ing sangisore langit ultramarine
- AutoSend — Studio watu sing nyaman kanthi lampu ungu siji—ing ngendi judhul serif lan ajakan tumindak warna indigo sing padhang bebarengan ana ing siji papan sing sepi, meh putih.
- Air — patung "Langit Tengah Wengi Nembus Kaca"
- SpatialChat — pulsa ungu ing perkamen putih
- Squarespace — Galeri Monokrom Sinematik
- Giga — Cakrawala tengah wengi ing ndhuwur obsidian sing embun
- Supabase — Editor kode ing tengah wengi kanthi titik ijo berpendar—denyut kromatik tunggal ing segara bledug batu bara