Subframe
Gambar grafis ing perkamen anget. Kertas desainer, sing saben goresan nganggo grafit utawa penghapus, ora tau dicet—jeroné digayuh liwat kekandelan garis lan serif sing jarang.
Subframe kuwi ruang kerja desainer monokrom: kanvas sing anget lan krem, tinta ireng grafit, lan ora ana aksen kromatik blas. Kabeh antarmuka dideleng minangka siji materi—kertas, potlot, lan bayangan—kanthi siji sentuhan tipografi sing kandel: serif sing wis diolah (Instrument Serif) sing dipasang ing sans-serif sistematis (Inter), sing menehi gravitasi editorial kanggo judhul. Permukaan rata lan dibingkai tinimbang diangkat; ambane digayuh liwat pembagi tipis ing #e5e7eb lan sorotan inset ing kontrol peteng tinimbang bayangan. Kapadhetan akeh: irama vertikal sing amba (48–64px celah antarane bagean), tata letak tengah sing amba, lan spasi putih sing akeh ing sekitar teks. Werna siji-sijine yaiku kontras antarane meh putih lan meh ireng, sing ndadekake tombol peteng dadi elemen sing paling narik kawigaten ing saben kaca, lan garis logo merek mitra kanthi nada abu-abu minangka siji-sijine elemen visual dekoratif.
Tata letak sing ana ing tengah lan jembaré kebak (1200px) kanthi irama vertikal sing jembar. Unsur utama yaiku blok tunggal sing ana ing tengah: kontrol peteng sing disegmentasi ing sisih ndhuwur, judhul "Inter" sing gedhe, subjudul baris tunggal, lan rong tombol sing jejer (isi + tembus pandang)—ora ana gambar sisih, ora ana pamisahan tata letak. Ing ngisor unsur utama ana garis logo skala abu-abu sing ana ing tengah. Saben bagean sabanjure ngetutake pola sing padha: blok judhul lan subjudul sing rata kiwa, banjur pigura pameran produk sing ambané kebak kanthi ruang selokan 48–64px ing antarane bagean. Navigasi minimal: bilah ndhuwur kanthi pranala sing ana ing tengah lan tumindak sing rata tengen, ora ana bilah pinggir, ora ana mega-menu. Kaca kasebut maca saka ndhuwur nganti ngisor minangka seri pernyataan sing ana ing tengah, saben diwenehi ruang sing cukup—tata letak luwih kaya portofolio editorial tinimbang kaca produk sing sibuk.
Desain visualé minimalis lan fungsional. Sistem iki migunakaké rong mode visual: (1) gambar produk sing dibingkai lan mockup UI sing ditutupi ing pigura radius 24px—gambar-gambar iki nampilake komponen antarmuka nyata (tabel, tombol, formulir) sing ditampilake ing palet monokrom sing padha, saéngga gambar katon terintegrasi kanthi mulus menyang kaca; (2) siji strip logo mitra skala abu-abu dadi bukti sosial, ditampilake rata, tanpa warna utawa wadhah. Ora ana foto gaya urip, gradien abstrak, utawa render 3D. Unsur ilustrasi mung "ubin" produk peteng, sing dipusataké ing latar mburi abu-abu anget kanthi ikon merek—gambar iki dianggep minangka demonstrasi produk, dudu dekorasi. Kabèh gambar ngenggoni tata letak berbasis teks, ing ngendi bobot visual digawa déning teks.
Palet
Netral
- Page Canvas
#fafafa— Latar mburi kaca, kartu pos ing kanvas, teks padhang ing lumah peteng – werna putih anget sing ndasari kabeh sistem monokrom. - Hairline Border
#e5e7eb— Pembagi, wates kertu, pigura gambar, garis besar ikon - jinis garis besar sing paling kerep digunakake ing sistem, nemtokake struktur spasial. - Card Surface
#ededed— Latar mburi sing diangkat kanggo kertu, permukaan tambahan - dumunung sak langkah ing ndhuwur kanvas, nggawe klompok tanpa bayangan. - Divider Mid
#dadada— Pamisah midtone lan transisi antarane bagean - Graphite
#242424— Isi netral kontras dhuwur kanggo tombol utama ing permukaan sing padhang. - Ink Black
#171717— Teks awak, judhul, garis besar ikon - luwih keren tinimbang Grafit, digunakake kanggo tipografi tinimbang kanggo permukaan.
Tipografi
saka 12 nganti 128px · 7 langkah
- Inter — panggantos: Inter (Google Fonts) · garis besar 500, 600, 700 · Antarmuka sistem sans-serif—navigasi, teks awak, tombol, subjudul, lan judhul bagean. Bobot: 500 kanggo teks awak lan kontrol, 600 kanggo subjudul lan aksen navigasi, lan 700 kanggo judhul bagean. Jarak huruf negatif sing kuwat ngompres bentuk geometris ing ukuran apa wae, menehi antarmuka tampilan teknis sing ringkes.
- Instrument Serif — panggantos: Playfair Display · garis besar 400 · Jenis huruf serif sing dirancang khusus kanggo judhul lan konten editorial. Bobot 400 lan jarak huruf -0.025em nggawe tampilan sing elegan lan miring sing kontras karo geometri industri Inter—teknik khas: tembung utawa frasa serif tunggal ing njero kaca sans-serif, sing dadi tandha wacan visual tinimbang gaya judhul.
- Fragment Mono — panggantos: JetBrains Mono · garis besar 400 · Aksen mono kanggo elemen kaya kode inline, label tag, lan callout teknis. Digunakake kanthi sithik, iki katon ing dhaptar fungsi lan anotasi inline ing ngendi alat desain pengin nuduhake "iki output mesin."
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 8px |
| Radius tombol | 16px |
| Radius kertu | 24px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 64px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Subframe 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
- monopo saigon — Cahya warna-warni sing cair ing mburi kasepen editorial—galeri editorial monokrom sing ngambang ing cahya sing cair
- Hyer Aviation — Senja ing kokpit ditutupi perkamen. Langit subuh sing pucet ketemu karo logo serif ukuran badan pesawat, lan aksen lempung sing anget ngilangi watesan monokrom.
- OFF+BRAND. — Bola warna-warni ing perkamen anget
- Seed — organisme urip ing sangisore kaca laboratorium
- Eindhoven Design District — Brutalisme editorial ing kertas putih minangka manifesto desain kotamadya, sing dieksekusi nganggo huruf gedhe, kanthi fotografi minimal lan pengekangan mutlak.
- Miranda — Tipe format amba klasik kanthi latar mburi krim enom—editorial koran kanggo jaman digital
- Monocle — Koran format amba sing berkualitas tinggi ing kertas warna krem. Editorial sing dikurasi kanthi teliti, ing ngendi saben kolom pantes dadi papan, lan mung siji warna sing penting sing katon ing kaca kasebut.
- Agencja brandingowa — Galeri editorial kanthi warna putih kanthi tipografi sing digawe nganggo tinta ireng
- Websmith Studio — Cahya esuk ing kertas krim
- Aspelin Reitan — Arsip Arsitektur dening Candlelight - Kaca iki katon kaya portofolio ruang sing dibangun, disemat ing tembok krim sing anget, kanthi siji baris teks putih sing ngambang ing ndhuwur saben gambar ing jembar kaca.
- Public — Editorial monokrom ing marmer adhem—meh kaya kanvas monokrom, kanthi font serif 300 poin lan aksen ungu tunggal sing ngrampungake kabeh pakaryan warna.
- Motto — Monolit tipografi ing kertas – swara tunggal sing percaya diri sing ngumumake awake dhewe ing kertas putih salju