Bpco
Sebuah manifesto tipografi yang terbuat dari lempengan beton. Sebuah press kit hitam putih di mana font Helvetica berukuran besar meniru sebuah foto, dan satu-satunya tekstur adalah selembar kertas kusut di bawah huruf utama.
Bigpicture menggunakan sistem pengeditan monokrom yang memperlakukan halaman web seperti kit pers cetak yang diletakkan di atas kertas mentah. Antarmuka sepenuhnya tanpa warna kromatik, hanya mengandalkan tinta hitam, ruang putih, garis tipis, dan tekstur kertas kusut yang seragam untuk menciptakan suasana. Tipografi adalah produk: judul mencapai 274px dalam Helvetica Neue 700 dengan spasi huruf negatif yang agresif, menjadikan teks sebagai massa visual dominan di setiap layar. Keterangan monospasi ([01-N PENDAHULUAN], KREATIF/AGENSI) bertindak sebagai tanda tangan bergaya cetak, dan ikon mengkilap empat titik berfungsi sebagai satu-satunya dekorasi di antara bagian-bagian. Tata letaknya lapang dan mengingatkan pada penerbitan mandiri—celah 72px di antara bagian-bagian, margin horizontal 144-250px, dan blok gambar lebar penuh dengan sudut 288px memungkinkan halaman untuk bernapas seperti dinding galeri daripada sebuah perangkat lunak.
Lebar maksimumnya sekitar 1440px, berpusat dengan padding horizontal 40–144px tergantung pada kepadatan bagian. Gambar hero adalah gambar lebar penuh dengan teks yang tumpang tindih. Di bawah gambar, konten bergantian antara blok teks yang berpusat dan tipografi dari tepi ke tepi. 60% bagian bawah halaman adalah manifesto panjang yang dapat digulir, dengan jenis huruf besar yang mengisi seluruh lebar viewport baris demi baris, dipisahkan oleh baris pembatas mengkilap. Navigasi berupa bilah mengambang yang berpusat di bagian atas viewport, bukan panel lebar penuh. Footer berupa strip tunggal dengan batas tipis.
Fotografi mendominasi layar utama—gambar arsitektur dan iklan luar ruangan berukuran besar (papan reklame, pelapis bangunan, iklan di tingkat jalan) ditampilkan dalam ukuran penuh dengan sudut membulat. Tekstur kertas kusut ditambahkan di bagian bawah halaman, menciptakan nuansa taktil dan memberikan tampilan antarmuka seperti majalah cetak. Ikon globe kecil, yang digambar dengan garis, adalah satu-satunya elemen ilustrasi. Tidak ada efek 3D, tidak ada gradien abstrak, tidak ada maket produk—gambar-gambar tersebut bersifat dokumenter, industrial, dan berdasarkan portofolio iklan luar ruangan agensi tersebut.
Palet
Netral
- Press Ink
#121212— Teks isi, garis tipis, batas bagian, garis luar ikon, dan teks footer semuanya menggunakan satu nada gelap yang memuat 95% dari semua informasi latar depan. - Paper White
#ffffff— Kanvas halaman, permukaan karton, latar belakang bilah navigasi, permukaan dengan bingkai judul. - Newsprint
#f1f1f1— Pengisian permukaan yang halus, batas yang lembut, pembatas tipis, nada yang tersembunyi di balik tekstur kertas kusut. - Foil Gray
#e1e1e1— Bingkai tipis, aksen berupa garis luar ikon, pembatas tambahan. - Mute Gray
#c5c5c5— Teks sekunder, status disabilitas, garis permukaan kontras rendah
Tipografi
dari 13 hingga 274px · 6 langkah
- Helvetica Neue — penggantian: Inter · garis besar 400, 500, 700 · Alat serbaguna - teks isi berukuran 17px/1.29, judul tampilan berukuran 75–274px dengan spasi antar huruf -0.04em pada ukuran terbesar, label navigasi berukuran 15px.
- PPSupplyMono — penggantian: JetBrains Mono · garis besar 400 · Meta tag dan label dalam tanda kurung seperti [01-N PENDAHULUAN], serta tag bagian (PERIKLANAN, KREATIF/AGENSI, PEMASARAN OFFLINE) adalah satu-satunya aksen tipografi yang memecah monotonnya Helvetica.
- PPSupplySans — penggantian: Inter · garis besar 400 · Navigasi sekunder dan teks mikro di bagian footer di mana diperlukan font sans-serif yang berbeda.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 50px |
| Radius tombol | 8px |
| Radius kartu | 20px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 72px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Bpco 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
- 1X NEO — 1X Tech adalah home theater yang tenang. Halaman pucat dengan teks editorial dibuka dengan adegan sinematik orang-orang dan robot humanoid, sementara elemen antarmuka direduksi menjadi keterangan kecil yang berjarak dan gambar monokrom lembut.
- B150 — Kelas master pembuatan efek butiran film masa depan. Menciptakan bagian editorial yang cerah dan lembut sebagai kontras dengan gambar produk dan kreator berukuran manusia yang gelap.
- Captions — Meja editing yang diterangi sinar matahari. Letakkan bilah navigasi melengkung tembus cahaya di atas ruang kerja putih bersih yang sedikit berisik, lalu lengkapi dengan permukaan kerja berwarna biru pucat dan tampilan close-up dari cuplikan video.
- Steep — Analisis Huruf Serif pada Kertas Hangat
- Newformcap — Surat kabar editorial di ruang ganti
- Claude — Sebuah artefak yang dicetak di atas perkamen hangat—tinta di atas kertas tulang, tanah liat sebagai satu-satunya sentuhan warna.
- 11x– Digital workers — Sebuah lanskap editorial yang tandus secara sinematik—foto-foto panorama pemandangan yang dipadukan dengan judul-judul monumental bergaya serif yang tampak seperti halaman majalah mewah.
- Revolut — Sebuah karya editorial monokrom yang didasarkan pada foto awan—tinta putih, kancing kotak pil, satu garis warna biru di dunia yang didominasi warna abu-abu.
- Scheduling — Tinta editorial di atas kertas krem.
- Titan — arsip monokrom bernuansa hangat
- AWE — Observatorium robotik setelah tengah malam. Buat layar hitam seperti galeri tempat teks editorial pucat melayang di atas gambar yang didukung AI dan teks dasbor kecil.
- Programa — Sebuah studio desain Swiss di siang hari. Dinding galeri putih diterangi oleh satu lampu meja kuning—semuanya dalam nuansa abu-abu hingga sebuah tombol, ikon, atau aksen menarik perhatian, dan kemudian aksen kuning tunggal itu mendefinisikan seluruh ruangan.