monopo saigon
Cahaya cair berwarna-warni di sebalik kesunyian editorial—galeri editorial monokrom yang terapung di atas cahaya cair
Monopo Saigon beroperasi di bawah disiplin monokrom radikal: hitam putih tulen dengan ton kelabu halus, dibalut dengan rupa taip Roobert yang besar yang seolah-olah bernafas di atas kanvas yang merangkumi seluruh lebar halaman. Kontras istimewa terletak pada kekangan editorial yang ketat (sudut navigasi dan pautan teks yang tajam, ruang putih yang banyak, irama berdasarkan 4px) dan satu gerak isyarat ekspresif—butang jejari 75px yang terapung seperti cecair di atas imej. Elemen reka bentuk utama condong ke arah atmosfera kromatik cecair yang berwarna-warni (hijau pudar kepada ambar dan kemudian kepada burgundy pekat), manakala antara muka itu sendiri tidak pernah memperoleh satu rona pun, mewujudkan rasa galeri editorial hitam putih yang terapung di atas sungai cahaya cecair. Rupa taip menetapkan nada: pemberat 300 baris pada bisikan 78px, pemberat 400 baris pada 225px memenuhi port pandangan, dan pemberat 400 baris pada 11px dengan yakin dan minimum mentakrifkan segala-galanya yang lain. Gerakannya ekspresif namun sabar—lengkung anti-aliasing kubik-bezier(0.19, 1, 0.22, 1), meregangkan hingga 1.25s, mengubah peralihan, membolehkan elemen meluncur dan bukannya berhenti secara tiba-tiba.
Susun atur berpusat pada lebar maksimum 1078px, dengan bahagian percikan gelap merangkumi keseluruhan lebar halaman dan memanjang di luar bekas. Bahagian percikan menduduki keseluruhan port pandangan: tajuk monumental berpusat (Un i ted, Unbound) melayang di atas kandungan media yang berkilauan, navigasi minimalis terapung di bahagian atas, dan satu ikon berputar menduduki bahagian kiri bawah. Bahagian salinan badan mengikuti rentak editorial yang luas—jurang 46px yang besar antara bahagian mewujudkan ruang bernafas antara blok, jalur putih dan gelap (hitam dengan fon putih) berselang-seli. Susun atur kandungan adalah tidak simetri: teks berselang-seli di sebelah kiri/imej di sebelah kanan dan imej di sebelah kiri/teks di sebelah kanan mendominasi, tanpa blok berpusat di luar bahagian percikan. Grid kad dipaparkan sebagai senarai projek lajur tunggal dan bukannya berbilang lajur—setiap projek menduduki lebar penuh dengan imej dan tajuknya sendiri. Navigasi terdiri daripada bar atas lutsinar dengan logo di sebelah kiri, penyetempatan di tengah dan menu di sebelah kanan—tiada perubahan warna kekal, tiada bayang, hanya butang simpan yang tidak kelihatan. Di bahagian bawah halaman terdapat blok alamat tiga lajur yang padat (Tokyo, Saigon, London) dengan teks yang tidak ketara. Secara keseluruhannya, ia adalah gaya editorial majalah digital.
Visualnya bersifat teaterikal dan unik: skrin utama didominasi oleh tekstur yang besar, berwarna-warni, dan cair—rona hijau organik yang larut melalui ambar dan burgundy, seperti minyak di atas air atau kaca cair. Ini terasa seperti kandungan media atmosfera yang memenuhi seluruh skrin, mungkin video atau kanvas yang dicipta dengan shader, dan dilihat sebagai momen deria tunggal dan bukannya corak yang berulang. Demo projek ini menggunakan fotografi editorial yang intim (gambar produk berskala besar, imej promosi) yang dibentangkan tanpa bingkai atau sempadan—imej adalah kandungannya. Tiada ilustrasi, tiada ikon selain glif UI kecil, tiada bentuk hiasan. Ikonografi adalah minimum atau tiada; ikon teks bulat berputar berfungsi sebagai satu-satunya perhiasan tipografi sistem. Ketumpatan keseluruhan: teks mendominasi dengan satu gerak isyarat visual pada saiz yang besar, diikuti dengan rentang tipografi dan imej produk editorial yang panjang dan tenang.
Palet
Jenama
- Iridescent Fade
#a02d25— Aksen kromatik hanya muncul dalam peralihan kecerunan—rona burgundy cair yang membentuk asas atmosfera iridescent tidak digunakan dalam kawalan antara muka.
Neutral
- Obsidian
#000000— Teks isi, coretan SVG, teks isi atas badan - hitam tulen mengandungi semua maklumat latar depan dan elemen grafik. - Paper
#ffffff— Teks cerah pada permukaan gelap, kapsyen terbalik dan tajuk utama berkontras tinggi. Elakkan menggunakan teks cerah sebagai warna utama untuk seruan bertindak. - Inkstone
#181818— Teks utama di bahagian pengaki dan tajuk tambahan berwarna hitam lembut untuk membaca teks panjang. - Felt Gray
#6d6d6d— Teks bantu, blok alamat, teks undang-undang – anotasi senyap yang surut tanpa disedari tanpa hilang sepenuhnya. - Slate Pill
#636363— Latar belakang neutral butang ialah satu-satunya isian padu yang digunakan untuk tindakan seperti Terima. - Ash Mist
#9a9a9a— Warna neutral, ton sederhana untuk permukaan dengan penglihatan rendah atau kontras rendah dalam set permukaan.
Tipografi
dari 12 hingga 225px · 9 langkah
- Roobert — penggantian: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · garis besar 300, 400, 600 · Jenis huruf utama digunakan untuk semua teks antara muka, navigasi, tajuk, salinan badan, senarai dan pengaki. Sans-serif yang direka khas ini menggabungkan kejelasan geometri dengan kehangatan humanistik; julat pemberatnya yang luas (daripada 300 Whisper hingga 600 Anchor) membolehkan jenis huruf bernafas—daripada tajuk utama yang monumental hingga nota.
- Raleway — penggantian: Montserrat or Jost · garis besar 400 · Hanya digunakan dalam konteks tajuk utama tertentu di mana sans-serif yang lebih elegan dan sempit memberikan kontras - jarang digunakan sebagai kaunterpoint kepada rupa taip Robert yang lebih berani.
- system-ui — penggantian: Inter · garis besar 400 · Label mikro antara muka, teks badan sepanduk kuki, fon kecil - pilihan sandaran lalai pelayar, memastikan kebolehbacaan dalam butiran terkecil tanpa memerlukan fon tersuai.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 14px |
| Jejari butang | 75px |
| Jejari kad | 0px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 46px |
| Lebar halaman | 1078px |
AI akan membina laman web anda dalam gaya monopo saigon 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
- 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.
- 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.
- 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