Subframe
Gambar grafis dina perkamen haneut. Kertas désainer, dimana unggal goresan boh grafit atanapi panghapus, henteu pernah dicét—jerona kahontal ngaliwatan ketebalan garis sareng serif anu jarang.
Subframe nyaéta rohangan gawé désainer monokrom: kanvas anu haneut jeung creamy, tinta hideung grafit, sarta teu aya aksen kromatik. Sakabéh antarmuka katempo salaku hiji bahan—kertas, pensil, jeung kalangkang—kalawan hiji sentuhan tipografi anu kandel: serif anu disampurnakeun (Instrument Serif) anu dipasang ngalawan sans-serif sistematis (Inter), anu méré gravitasi éditorial kana judul utama. Beungeutna datar jeung dibingkai tinimbang diangkat; jerona kahontal ngaliwatan pambagi ipis dina #e5e7eb jeung sorotan inset dina kontrol poék tinimbang kalangkang. Kapadetanna lega: wirahma vertikal anu lega (48–64px celah antara bagian), tata letak anu dipusatkeun, lébar pinuh, jeung spasi bodas anu lega di sabudeureun téks. Hiji-hijina warna nyaéta kontras antara ampir bodas jeung ampir hideung, ngajadikeun tombol poék jadi unsur anu paling narik dina unggal kaca, sarta strip logo mérek mitra dina nada kulawu jadi hiji-hijina unsur visual dekoratif.
Tata letak anu di tengah, lébar pinuh (1200px) kalayan wirahma vertikal anu lega. Unsur utama nyaéta blok tunggal anu di tengah: kontrol poék anu dibagi-bagi di luhur, judul "Inter" anu ageung, subjudul hiji baris, sareng dua tombol anu padeukeut (dieusi + tembus) — teu aya gambar sisi, teu aya pamisahan tata letak. Di handap unsur utama aya garis logo skala abu-abu anu di tengah. Unggal bagian salajengna nuturkeun pola anu sami: blok judul sareng subjudul anu diratakeun ka kénca, teras pigura pameran produk anu diratakeun ka 48–64px rohangan gutter antara bagian. Navigasi minimal: bilah luhur kalayan tautan anu di tengah sareng tindakan anu diratakeun ka katuhu, teu aya bilah sisi, teu aya méga-menu. Kaca maca ti luhur ka handap salaku runtuyan pernyataan anu di tengah, masing-masing dibéré rohangan anu lega — tata letakna langkung sapertos portopolio éditorial tibatan halaman produk anu sibuk.
Desain visualna minimalis sareng fungsional. Sistem ieu ngagunakeun dua modeu visual: (1) cuplikan layar produk anu dibingkai sareng mockup UI anu dikurilingan ku pigura radius 24px—aranjeunna nampilkeun komponén antarmuka anu saleresna (tabel, tombol, formulir) anu dipidangkeun dina palet monokrom anu sami, ngajantenkeun cuplikan layar katingalina terintegrasi sacara mulus kana halaman; (2) hiji strip logo mitra grayscale janten bukti sosial, dipidangkeun datar, tanpa warna atanapi wadah. Teu aya poto gaya hirup, gradien abstrak, atanapi render 3D. Hiji-hijina unsur ilustrasi nyaéta "ubin" produk poék, anu dipusatkeun dina latar kulawu haneut kalayan ikon mérek—éta dianggap salaku démo produk, sanés hiasan. Sadaya gambar nempatan tata letak berbasis téks, dimana beurat visual dibawa ku téks.
Palet
Nétral
- Page Canvas
#fafafa— Latar tukang kaca, kartu pos dina kanvas, téks caang dina permukaan poék – warna bodas haneut anu jadi dasar sakabéh sistem monokrom. - Hairline Border
#e5e7eb— Pamisah, wates kartu, pigura gambar, garis luar ikon - jinis garis luar anu paling sering dianggo dina sistem, ngahartikeun struktur spasial. - Card Surface
#ededed— Latar tukang anu diangkat pikeun kartu, permukaan tambahan - ayana hiji léngkah di luhur kanvas, nyiptakeun kelompok tanpa kalangkang. - Divider Mid
#dadada— Pamisah midtone sareng transisi antara bagian - Graphite
#242424— Eusian nétral kontras luhur pikeun tombol primér dina permukaan anu caang. - Ink Black
#171717— Téks eusi, judul, garis luar ikon - rada keren tibatan Grafit, dianggo pikeun tipografi tinimbang pikeun permukaan.
Tipografi
ti 12 nepi ka 128px · 7 léngkah
- Inter — panggantian: Inter (Google Fonts) · garis besar 500, 600, 700 · Antarbeungeut sistem sans-serif—navigasi, téks awak, tombol, subjudul, sareng judul bagian. Beurat: 500 pikeun téks awak sareng kontrol, 600 pikeun subjudul sareng aksen navigasi, sareng 700 pikeun judul bagian. Spasi hurup négatif anu kuat ngompres bentuk géométri dina ukuran naon waé, masihan antarmuka tampilan téknis anu padet.
- Instrument Serif — panggantian: Playfair Display · garis besar 400 · Jenis huruf serif anu dirancang khusus pikeun judul sareng eusi éditorial. Beuratna 400 sareng jarak hurup -0.025em nyiptakeun tampilan anu elegan sareng miring anu kontras sareng géométri industrial Inter—téhnik khas: hiji kecap atanapi frasa serif dina halaman sans-serif, anu janten tanda baca visual tinimbang gaya judul.
- Fragment Mono — panggantian: JetBrains Mono · garis besar 400 · Aksen mono pikeun unsur-unsur siga kode inline, labél tag, sareng callout téknis. Dianggo sacara jarang, éta némbongan dina daptar fungsi sareng anotasi inline dimana alat desain hoyong nunjukkeun "ieu kaluaran mesin".
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 8px |
| Radius tombol | 16px |
| Radius kartu | 24px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 64px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Subframe sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- monopo saigon — Cahaya cair warna-warni di balik tiiseun éditorial—galeri éditorial monokrom anu ngambang dina cahaya anu leleh
- Hyer Aviation — Reup sareupna di kokpit di luhureun perkamen. Langit subuh nu bodas patepang jeung logo serif ukuran badan pesawat, sarta hiji aksen liat nu haneut megatkeun kekangan monokrom.
- OFF+BRAND. — Bola warna-warni dina perkamen haneut
- Seed — organisme hirup di handapeun kaca laboratorium
- Eindhoven Design District — Brutalisme éditorial dina kertas bodas mangrupikeun manifesto desain kotamadya, dieksekusi dina jinis huruf ageung, kalayan fotografi minimal sareng kontrol mutlak.
- Miranda — Hurup format lega klasik dina latar krim hampang—éditorial koran pikeun jaman digital
- Monocle — Koran format lega anu kualitasna luhur dina kertas warna krem. Éditorial anu dikurasi kalayan saksama, dimana unggal kolom pantes tempatna, sareng ngan ukur hiji warna anu bermakna anu némbongan dina halaman éta.
- Agencja brandingowa — Galeri éditorial dina warna bodas kalayan tipografi anu didamel nganggo tinta hideung
- Websmith Studio — Cahaya isuk-isuk dina kertas krim
- Aspelin Reitan — Arsip Arsitektur ku Candlelight - Kaca ieu katingalina siga portopolio rohangan anu diwangun, dipasang dina témbok krim anu haneut, kalayan hiji baris téks bodas anu ngambang di luhur unggal gambar dina lébar pinuh kaca.
- Public — Éditorial monokrom dina marmer tiis—ampir kawas kanvas monokrom, kalayan font serif 300 poin sareng aksen wungu tunggal anu ngalengkepan sadaya padamelan warna.
- Motto — Monolit tipografi dina kertas – hiji sora anu percaya diri anu nyatakeun dirina dina kertas bodas salju