monopo saigon
Cahaya cair berkilauan di balik keheningan editorial—galeri editorial monokrom yang mengambang di atas cahaya yang meleleh.
Monopo Saigon beroperasi di bawah disiplin monokrom radikal: hitam dan putih murni dengan nada abu-abu halus, membungkus jenis huruf Roobert yang masif yang tampak bernapas di atas kanvas yang membentang di seluruh lebar halaman. Kontras khasnya terletak pada batasan editorial yang ketat (sudut tajam navigasi dan tautan teks, ruang putih yang melimpah, ritme berdasarkan 4px) dan satu gestur ekspresif—tombol radius 75px yang melayang seperti cairan di atas gambar. Elemen desain utama cenderung ke arah atmosfer kromatik yang berkilauan dan cair (hijau memudar menjadi kuning dan kemudian menjadi merah anggur tua), sementara antarmuka itu sendiri tidak pernah memiliki satu warna pun, menciptakan perasaan galeri editorial hitam-putih yang mengambang di atas sungai cahaya cair. Jenis huruf menentukan nada: bobot 300 baris pada 78px berbisik, bobot 400 baris pada 225px memenuhi tampilan, dan bobot 400 baris pada 11px dengan percaya diri dan minimalis mendefinisikan segalanya. Gerakannya ekspresif namun sabar—kurva anti-aliasing cubic-bezier(0.19, 1, 0.22, 1), peregangan hingga 1,25 detik, transisi transformasi, memungkinkan elemen untuk meluncur daripada berhenti tiba-tiba.
Tata letak berpusat pada lebar maksimum 1078px, dengan bagian splash gelap yang membentang di seluruh lebar halaman dan meluas melampaui wadah. Bagian splash menempati seluruh viewport: judul monumental yang berpusat (United, Unbound) melayang di atas konten media yang berkilauan, navigasi minimalis mengambang di bagian atas, dan satu ikon berputar menempati bagian kiri bawah. Bagian teks isi mengikuti ritme editorial yang lapang—celah besar 46px di antara bagian-bagian menciptakan ruang bernapas di antara blok, dengan garis-garis putih dan gelap (hitam dengan font putih) yang berselang-seling. Tata letak konten bersifat asimetris: teks di kiri/gambar di kanan dan gambar di kiri/teks di kanan yang berselang-seling mendominasi, tanpa blok yang berpusat di luar bagian splash. Grid kartu ditampilkan sebagai daftar proyek satu kolom, bukan multi-kolom—setiap proyek menempati lebar penuh dengan gambar dan judulnya sendiri. Navigasi terdiri dari bilah atas transparan dengan logo di sebelah kiri, lokalisasi di tengah, dan menu di sebelah kanan—tidak ada perubahan warna permanen, tidak ada bayangan, hanya tombol simpan yang tidak terlihat. Di bagian bawah halaman terdapat blok alamat tiga kolom yang ringkas (Tokyo, Saigon, London) dengan teks yang tidak mencolok. Secara keseluruhan, ini adalah gaya editorial majalah digital.
Visualnya teatrikal dan unik: layar utama didominasi oleh tekstur cair yang masif dan berkilauan—nuansa hijau organik yang larut melalui warna kuning dan merah anggur, seperti minyak di atas air atau kaca cair. Ini terasa seperti konten media atmosfer yang memenuhi seluruh layar, mungkin sebuah video atau kanvas yang dibuat dengan shader, dan dipersepsikan sebagai momen sensorik tunggal daripada pola yang berulang. Demo proyek ini menggunakan fotografi editorial yang intim (foto produk skala besar, gambar promosi) yang disajikan tanpa bingkai atau batas—gambar adalah kontennya. Tidak ada ilustrasi, tidak ada ikon selain glif UI kecil, tidak ada bentuk dekoratif. Ikonografi minimal atau tidak ada; ikon teks melingkar yang berputar berfungsi sebagai satu-satunya hiasan tipografi sistem. Kepadatan keseluruhan: teks mendominasi dengan satu gestur visual berukuran besar, diikuti oleh bentangan tipografi dan gambar produk editorial yang panjang dan tenang.
Palet
Merek
- Iridescent Fade
#a02d25— Aksen kromatik hanya muncul dalam transisi gradien—warna merah anggur yang meleleh yang menjadi dasar suasana berkilauan tidak digunakan dalam kontrol antarmuka.
Netral
- Obsidian
#000000— Teks isi, garis tepi SVG, isian di atas teks isi - warna hitam pekat berisi semua informasi latar depan dan elemen grafis. - Paper
#ffffff— Teks terang pada permukaan gelap, keterangan terbalik, dan judul dengan kontras tinggi. Hindari menggunakan teks terang sebagai warna utama untuk ajakan bertindak. - Inkstone
#181818— Teks utama di bagian bawah halaman dan judul tambahan berwarna hitam pekat agar mudah dibaca karena teksnya panjang. - Felt Gray
#6d6d6d— Teks tambahan, blok alamat, teks hukum – anotasi senyap yang menghilang tanpa disadari tanpa benar-benar lenyap. - Slate Pill
#636363— Latar belakang netral tombol tersebut adalah satu-satunya isian solid yang digunakan untuk tindakan seperti Terima. - Ash Mist
#9a9a9a— Warna netral, nada tengah untuk permukaan dengan visibilitas rendah atau kontras rendah dalam satu 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 antarmuka, navigasi, judul, isi teks, daftar, dan catatan kaki. Sans-serif yang dirancang khusus ini menggabungkan kejelasan geometris dengan kehangatan humanistik; berbagai bobotnya (dari 300 Whisper hingga 600 Anchor) memungkinkan jenis huruf ini untuk "bernapas"—dari judul monumental hingga catatan.
- Raleway — penggantian: Montserrat or Jost · garis besar 400 · Hanya digunakan dalam konteks judul tertentu di mana jenis huruf sans-serif yang lebih elegan dan sempit memberikan kontras - jarang digunakan sebagai penyeimbang untuk jenis huruf Robert yang lebih tebal.
- system-ui — penggantian: Inter · garis besar 400 · Label mikro antarmuka, teks isi spanduk cookie, font kecil - opsi cadangan default browser, memastikan keterbacaan dalam detail terkecil tanpa perlu font khusus.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 14px |
| Radius tombol | 75px |
| Radius kartu | 0px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 46px |
| Lebar halaman | 1078px |
AI akan membangun situs web Anda dengan gaya monopo saigon dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Hyer Aviation — Senja di kokpit di atas kertas perkamen. Langit fajar yang pucat bertemu dengan logo serif seukuran badan pesawat, dan satu aksen warna tanah liat hangat memecah kekangan monokrom.
- OFF+BRAND. — Bola berkilauan di atas kertas perkamen hangat
- Seed — organisme hidup di bawah kaca laboratorium
- Eindhoven Design District — Brutalisme editorial di atas kertas putih adalah manifesto desain kota, dieksekusi dengan huruf besar, fotografi minimal, dan pengekangan mutlak.
- Subframe — Gambar grafis di atas kertas perkamen hangat. Kertas desain, di mana setiap goresan adalah grafit atau penghapus, bukan cat—kedalaman dicapai melalui ketebalan garis dan serif yang jarang.
- Miranda — Tipografi klasik format lebar dengan latar belakang krem muda—sebuah editorial surat kabar untuk era digital.
- Monocle — Surat kabar berkualitas tinggi dengan format lebar di atas kertas berwarna krem. Editorial yang disusun dengan cermat, di mana setiap kolom layak mendapat tempatnya, dan hanya satu warna yang bermakna yang muncul di halaman.
- Agencja brandingowa — Galeri editorial dalam nuansa putih dengan tipografi yang dibuat dengan tinta hitam.
- Websmith Studio — Cahaya pagi di atas kertas krem.
- Aspelin Reitan — Arsip Arsitektur dengan Cahaya Lilin - Halaman ini tampak seperti portofolio ruang-ruang yang telah dibangun, dipajang di dinding krem hangat, dengan satu baris teks putih melayang di atas setiap gambar di seluruh lebar halaman.
- Public — Sebuah editorial monokrom di atas marmer dingin—hampir seperti kanvas monokrom, dengan font serif 300 poin dan satu aksen ungu yang melakukan semua pekerjaan warna.
- Motto — Sebuah monolit tipografi di atas kertas – sebuah suara tunggal dan percaya diri yang menyatakan dirinya di atas kertas seputih salju.