Subframe
Lukisan grafik di atas kertas kulit yang hangat. Kertas pereka, yang mana setiap coretan adalah sama ada grafit atau pemadam, tidak pernah dicat—kedalaman dicapai melalui ketebalan garisan dan serif yang jarang.
Subframe ialah ruang kerja pereka monokrom: kanvas yang hangat dan berkrim, dakwat hitam grafit, dan ketiadaan aksen kromatik sepenuhnya. Keseluruhan antara muka dilihat sebagai satu bahan—kertas, pensel dan bayang—dengan satu sentuhan tipografi yang berani: serif halus (Instrument Serif) yang diletakkan pada sans-serif sistematik (Inter), memberikan graviti editorial kepada tajuk utama. Permukaan rata dan dibingkai dan bukannya dinaikkan; kedalaman dicapai melalui pembahagi nipis dalam #e5e7eb dan sorotan sisipan pada kawalan gelap dan bukannya bayang. Ketumpatannya luas: rentak menegak yang luas (48–64px jurang antara bahagian), susun atur lebar penuh berpusat dan ruang putih yang luas di sekeliling teks. Satu-satunya warna ialah kontras antara hampir putih dan hampir hitam, menjadikan butang gelap elemen yang paling menarik pada setiap halaman, dan jalur logo jenama rakan kongsi dalam ton kelabu satu-satunya elemen visual hiasan.
Susun atur berpusat, lebar penuh (1200px) dengan rentak menegak yang luas. Elemen utama ialah blok tunggal berpusat: kawalan gelap bersegmen di bahagian atas, tajuk "Inter" yang besar, subtajuk satu baris dan dua butang bersebelahan (diisi + lut sinar)—tiada imej sisi, tiada pemisahan susun atur. Di bawah elemen utama ialah jalur logo skala kelabu berpusat. Setiap bahagian berikutnya mengikuti corak yang sama: blok tajuk dan subtajuk sejajar kiri, kemudian bingkai pameran produk lebar penuh dengan ruang selang 48–64px antara bahagian. Navigasi adalah minimum: bar atas dengan pautan berpusat dan tindakan sejajar kanan, tiada bar sisi, tiada mega-menu. Halaman tersebut membaca dari atas ke bawah sebagai satu siri pernyataan berpusat, setiap satu diberi ruang yang mencukupi—susun atur terasa lebih seperti portfolio editorial daripada halaman produk yang sibuk.
Reka bentuk visualnya minimalis dan berfungsi. Sistem ini menggunakan dua mod visual: (1) tangkapan skrin produk berbingkai dan mockup UI yang disertakan dalam bingkai jejari 24px—ia memaparkan komponen antara muka sebenar (jadual, butang, borang) yang dipaparkan dalam palet monokrom yang sama, menjadikan tangkapan skrin kelihatan disepadukan dengan lancar ke dalam halaman; (2) satu jalur logo rakan kongsi skala kelabu berfungsi sebagai bukti sosial, dipaparkan rata, tanpa warna atau bekas. Tiada foto gaya hidup, kecerunan abstrak atau paparan 3D. Satu-satunya elemen ilustrasi ialah "jubin" produk gelap, berpusat pada latar belakang kelabu hangat dengan ikon jenama—ia dianggap sebagai demonstrasi produk, bukan hiasan. Semua imej menempati susun atur berasaskan teks, di mana berat visual dibawa oleh teks.
Palet
Neutral
- Page Canvas
#fafafa— Latar belakang halaman, poskad di atas kanvas, teks terang pada permukaan gelap – warna putih hangat yang mendasari keseluruhan sistem monokrom. - Hairline Border
#e5e7eb— Pembahagi, sempadan kad, bingkai imej, garisan ikon - jenis garisan yang paling kerap digunakan dalam sistem, mentakrifkan struktur ruang. - Card Surface
#ededed— Latar belakang yang dinaikkan untuk kad, permukaan tambahan - terletak satu langkah di atas kanvas, mewujudkan kumpulan tanpa bayang-bayang. - Divider Mid
#dadada— Pembahagi nada tengah dan peralihan antara bahagian - Graphite
#242424— Isian neutral kontras tinggi untuk butang utama pada permukaan yang terang. - Ink Black
#171717— Teks isi, tajuk, garisan ikon - sedikit lebih menarik daripada Grafit, digunakan untuk tipografi dan bukannya permukaan.
Tipografi
dari 12 hingga 128px · 7 langkah
- Inter — penggantian: Inter (Google Fonts) · garis besar 500, 600, 700 · Antara muka sistem sans-serif—navigasi, teks isi, butang, subtajuk dan tajuk bahagian. Berat: 500 untuk teks isi dan kawalan, 600 untuk subtajuk dan aksen navigasi dan 700 untuk tajuk bahagian. Jarak huruf negatif yang kuat memampatkan bentuk geometri pada sebarang saiz, memberikan antara muka rupa teknikal yang padat.
- Instrument Serif — penggantian: Playfair Display · garis besar 400 · Jenis huruf serif yang direka khas untuk tajuk utama dan kandungan editorial. Beratnya 400 dan jarak huruf -0.025em menghasilkan rupa italik yang elegan yang berbeza dengan geometri perindustrian Inter—teknik khas: satu perkataan atau frasa serif dalam halaman sans-serif, berfungsi sebagai tanda baca visual dan bukannya gaya tajuk utama.
- Fragment Mono — penggantian: JetBrains Mono · garis besar 400 · Aksen mono untuk elemen seperti kod sebaris, label tag dan serlahan ciri teknikal. Digunakan dengan berhati-hati, ia muncul dalam senarai fungsi dan anotasi sebaris di mana alat reka bentuk ingin menunjukkan "ini adalah output mesin".
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 8px |
| Jejari butang | 16px |
| Jejari kad | 24px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 64px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Subframe 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
- monopo saigon — Cahaya cair berwarna-warni di sebalik kesunyian editorial—galeri editorial monokrom yang terapung di atas cahaya cair
- Hyer Aviation — Senja di kokpit di atas kertas perkamen. Langit subuh yang pucat bertemu dengan logo serif bersaiz fiuslaj, dan satu aksen tanah liat yang hangat memecahkan kekangan monokrom.
- OFF+BRAND. — Sfera berwarna-warni pada kertas kulit yang hangat
- Seed — organisma hidup di bawah kaca makmal
- Eindhoven Design District — Kebrutalan editorial di atas kertas putih ialah manifesto reka bentuk perbandaran, yang dilaksanakan dalam taip besar, dengan fotografi minimum dan kekangan mutlak.
- Miranda — Jenis format lebar klasik pada latar belakang krim ringan—editorial akhbar untuk era digital
- Monocle — Surat khabar format lebar berkualiti tinggi di atas kertas berwarna krim. Editorial yang disusun rapi, di mana setiap ruangan berhak mendapat tempatnya, dan hanya satu warna yang bermakna muncul pada halaman tersebut.
- Agencja brandingowa — Galeri editorial dalam warna putih dengan tipografi yang dibuat dengan dakwat hitam
- Websmith Studio — Cahaya pagi di atas kertas krim
- Aspelin Reitan — Arkib Senibina oleh Candlelight - Halaman ini kelihatan seperti portfolio ruang binaan, disematkan pada dinding krim yang hangat, dengan satu baris teks putih terapung di atas setiap imej merentasi lebar penuh halaman.
- Public — Editorial monokrom pada marmar sejuk—hampir seperti kanvas monokrom, dengan fon serif 300 mata dan aksen ungu tunggal melakukan semua kerja warna.
- Motto — Monolit tipografi di atas kertas – satu suara tunggal yang yakin mengisytiharkan dirinya di atas kertas putih salji