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
- 1X NEO — 1X Tech ialah teater rumah yang senyap. Halaman pucat dengan teks editorial dibuka dengan babak sinematik manusia dan robot humanoid, manakala elemen antara muka dikurangkan kepada kapsyen kecil yang dijarakkan dan imej monokrom yang lembut.
- B150 — Kelas induk butiran filem masa hadapan. Mencipta bahagian editorial yang terang dan berkrim terhadap imej produk dan pencipta bersaiz manusia yang gelap.
- Captions — Meja penyuntingan yang disinari cahaya matahari. Letakkan bar navigasi melengkung yang lut sinar di atas ruang kerja yang bersih, putih dan sedikit bising, kemudian lengkapkan dengan permukaan kerja biru pucat dan rakaman jarak dekat.
- 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
- AWE — Sebuah balai cerap robotik selepas tengah malam. Cipta skrin hitam seperti galeri di mana jenis editorial pucat terapung di atas imej berkuasa AI dan teks papan pemuka kecil.
- 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.