Bpco
Manifesto tipografi yang diperbuat daripada papak konkrit. Kit akhbar hitam putih di mana fon Helvetica bersaiz besar meniru gambar, dan satu-satunya tekstur ialah sehelai kertas renyuk di bawah muka taip utama.
Bigpicture menggunakan sistem penyuntingan monokrom yang melayan halaman web seperti kit akhbar bercetak yang diletakkan di atas kertas mentah. Antara muka ini langsung tidak mempunyai warna kromatik, hanya bergantung pada dakwat hitam, ruang putih, garisan nipis dan tekstur kertas renyuk yang seragam untuk mewujudkan suasana. Tipografi adalah produk: tajuk mencapai 274px dalam Helvetica Neue 700 dengan jarak huruf negatif yang agresif, menjadikan teks jisim visual yang dominan pada setiap skrin. Kapsyen monojarak ([01-N PENGENALAN], KREATIF/AGENSI) bertindak sebagai tandatangan gaya cetakan dan ikon berkilat empat bucu berfungsi sebagai satu-satunya hiasan antara bahagian. Susun aturnya luas dan mengingatkan penerbitan sendiri—jurang 72px antara bahagian, margin mendatar 144-250px dan blok imej lebar penuh dengan sudut 288px membolehkan halaman bernafas seperti dinding galeri dan bukannya perisian.
Lebar maksimum ialah ~1440px, berpusat dengan pelapik mendatar 40–144px bergantung pada kepadatan bahagian. Imej wira ialah imej lebar penuh dengan teks bertindih. Di bawah imej, kandungan berselang-seli antara blok teks berpusat dan tipografi tepi ke tepi. 60% bahagian bawah halaman ialah manifesto berskrol yang panjang, dengan jenis besar memenuhi keseluruhan lebar port pandangan baris demi baris, dipisahkan oleh baris pembahagi berkilat. Navigasi ialah bar terapung berpusat di bahagian atas port pandangan, bukannya panel lebar penuh. Pengaki ialah jalur tunggal dengan sempadan nipis.
Fotografi mendominasi skrin utama—imej seni bina dan pengiklanan luar yang besar (papan iklan, pelapisan bangunan, pengiklanan aras jalan) dibentangkan bersaiz penuh dengan sudut bulat. Tekstur kertas renyuk dilapisi pada bahagian bawah halaman, mewujudkan rasa sentuhan dan memberikan antara muka rupa majalah bercetak. Ikon glob kecil, yang dilukis dengan garisan, adalah satu-satunya elemen ilustrasi. Tiada kesan 3D, tiada kecerunan abstrak, tiada mockup produk—imej tersebut adalah dokumentari, bersifat perindustrian dan berdasarkan portfolio pengiklanan luar agensi.
Palet
Neutral
- Press Ink
#121212— Teks isi, garisan nipis, sempadan bahagian, garisan ikon dan teks pengaki semuanya menggunakan satu rona gelap yang membawa 95% daripada semua maklumat latar depan. - Paper White
#ffffff— Kanvas halaman, permukaan kadbod, latar belakang bar navigasi, permukaan dengan bingkai tajuk. - Newsprint
#f1f1f1— Isian permukaan yang halus, sempadan lembut, pembahagi nipis, ton tersembunyi di sebalik tekstur kertas renyuk. - Foil Gray
#e1e1e1— Bingkai cahaya, aksen dalam bentuk garis besar ikon, pembahagi tambahan. - Mute Gray
#c5c5c5— Teks sekunder, status kecacatan, garisan permukaan kontras rendah
Tipografi
dari 13 hingga 274px · 6 langkah
- Helvetica Neue — penggantian: Inter · garis besar 400, 500, 700 · Alat universal - teks isi pada 17px/1.29, tajuk paparan pada 75–274px dengan jarak huruf -0.04em pada saiz terbesar, label navigasi pada 15px
- PPSupplyMono — penggantian: JetBrains Mono · garis besar 400 · Tag meta dan label dalam kurungan seperti [01-N PENGENALAN], serta tag bahagian (IKLAN, KREATIF/AGENSI, PEMASARAN LUAR TALIAN) adalah satu-satunya aksen tipografi yang memecahkan kebosanan Helvetica.
- PPSupplySans — penggantian: Inter · garis besar 400 · Navigasi sekunder dan mikrosalinan di pengaki di mana fon sans-serif yang berbeza diperlukan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 50px |
| Jejari butang | 8px |
| Jejari kad | 20px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 72px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Bpco 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
- Steep — Analisis Fon Serif pada Kertas Hangat
- Newformcap — Akhbar editorial di bilik persalinan
- Claude — Artifak yang dicetak pada kertas kulit yang hangat—dakwat pada kertas tulang, tanah liat sebagai satu-satunya nafas warna
- 11x– Digital workers — Sebuah kawasan terbiar editorial sinematik—gambar panorama landskap yang berlatarbelakangkan tajuk utama serif monumental yang berbunyi seperti hamparan majalah mewah
- Revolut — Sebuah karya editorial monokrom berdasarkan gambar awan—dakwat putih, butang kotak pil, sejalur biru berwarna tunggal dalam dunia skala kelabu.
- Scheduling — Dakwat editorial pada kertas krim
- Titan — arkib monokrom bertona hangat
- Programa — Sebuah studio reka bentuk Switzerland pada waktu tengah hari. Dinding galeri putih diterangi oleh satu lampu meja kuning—semuanya berwarna kelabu sehingga butang, ikon atau aksen menarik perhatian, dan kemudian aksen kuning tunggal itu mendefinisikan seluruh bilik.
- Sana Agents — Kilauan limau pada latar belakang putih dalam editorial
- Visual — Samizdat editorial yang hangat. Kertas krim, poster serif, marginalia monokrom, satu penanda kuning.
- Midday — Brosur editorial pada vellum - tajuk utama serif 72px pada latar belakang batu yang hangat, salinan badan sans-serif dengan jarak, kawalan berbentuk pil, tiada bayang-bayang
- Chat for impact — Klinik hijau hutan dengan bilik berwarna pastel