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
- 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
- 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.
- Sana Agents — Kilauan hijau limau di latar belakang putih dalam editorial.
- Visual — Samizdat editorial yang hangat. Kertas krem, poster serif, marginalia monokrom, satu spidol kuning.
- Midday — Brosur editorial di atas kertas vellum - judul serif 72px dengan latar belakang batu hangat, teks isi sans-serif dengan spasi, kontrol berbentuk pil, tanpa bayangan.
- Chat for impact — Klinik berwarna hijau hutan dengan ruangan-ruangan berwarna pastel.