Bpco
Manifesto tipografi sing digawe saka lempengan beton. Piranti cetak ireng lan putih ing ngendi font Helvetica sing ukurane gedhe niru foto, lan teksture mung selembar kertas remuk ing sangisore jinis huruf utama.
Bigpicture nggunakake sistem suntingan monokrom sing ngolah kaca web kaya piranti cetak sing dilebokake ing kertas mentah. Antarmukane ora nganggo warna kromatik, mung gumantung karo tinta ireng, spasi putih, garis tipis, lan tekstur kertas remuk sing seragam kanggo nggawe swasana. Tipografi minangka produk: judhul tekan 274px ing Helvetica Neue 700 kanthi jarak huruf negatif sing agresif, ndadekake teks dadi massa visual sing dominan ing saben layar. Teks monospasi ([01-N INTRODUCTION], CREATIVE/AGENCY) tumindak minangka tandha gaya cetak, lan ikon mengkilat papat titik dadi siji-sijine dekorasi ing antarane bagean. Tata letake jembar lan ngelingake penerbitan mandiri—celah 72px antarane bagean, margin horisontal 144-250px, lan blok gambar amba kanthi pojok 288px ngidini kaca ambegan kaya tembok galeri tinimbang piranti lunak.
Ambane maksimal yaiku ~1440px, ditengahi nganggo padding horisontal 40–144px gumantung saka kapadhetan bagean. Gambar utama yaiku gambar ambane lengkap kanthi teks sing tumpang tindih. Ing ngisor gambar, konten ganti-ganti antarane blok teks ditengahi lan tipografi saka pinggir nganti pinggir. 60% sisih ngisor kaca minangka manifesto sing dawa lan nggulung, kanthi jinis gedhe sing ngisi kabeh ambane viewport baris demi baris, dipisahake dening baris pembagi sing mengkilat. Navigasi minangka bilah ngambang sing ditengahi ing sisih ndhuwur viewport, dudu panel ambane lengkap. Footer minangka strip tunggal kanthi pinggiran tipis.
Fotografi ndominasi layar utama—gambar iklan arsitektur lan ruangan terbuka sing gedhe (papan reklame, papan reklame bangunan, iklan tingkat dalan) sing ditampilake ukuran lengkap kanthi pojok bunder. Tekstur kertas sing remuk dilapisi ing bagean ngisor kaca, nggawe kesan taktil lan menehi antarmuka tampilan majalah sing dicithak. Ikon globe cilik, sing digambar nganggo garis, minangka siji-sijine unsur ilustrasi. Ora ana efek 3D, ora ana gradien abstrak, ora ana mockup produk—gambar-gambar kasebut dokumenter, sifate industrial, lan adhedhasar portofolio iklan ruangan terbuka agensi kasebut.
Palet
Netral
- Press Ink
#121212— Teks awak, garis tipis, wates bagean, garis besar ikon, lan teks sikil kabeh nggunakake siji nada peteng sing nggawa 95% saka kabeh informasi latar ngarep. - Paper White
#ffffff— Kanvas kaca, permukaan kardus, latar mburi bilah navigasi, permukaan nganggo pigura judhul. - Newsprint
#f1f1f1— Isi permukaan sing alus, wates sing alus, pembagi sing tipis, nada sing ndhelik ing mburi tekstur kertas sing kusut. - Foil Gray
#e1e1e1— Pigura cahya, aksen awujud garis besar ikon, pembagi tambahan. - Mute Gray
#c5c5c5— Teks sekunder, status cacat, garis permukaan kontras rendah
Tipografi
saka 13 nganti 274px · 6 langkah
- Helvetica Neue — panggantos: Inter · garis besar 400, 500, 700 · Piranti universal - teks awak ing 17px/1.29, judhul tampilan ing 75–274px kanthi jarak huruf -0.04em ing ukuran paling gedhe, label navigasi ing 15px
- PPSupplyMono — panggantos: JetBrains Mono · garis besar 400 · Tag meta lan label ing njero kurung kaya ta [01-N PAMBUKA], uga tag bagean (IKLAN, KREATIF/AGENSI, PEMASARAN OFFLINE) minangka siji-sijine aksen tipografi sing ngilangi monotonitas Helvetica.
- PPSupplySans — panggantos: Inter · garis besar 400 · Navigasi sekunder lan mikrokopi ing footer ing ngendi font sans-serif sing beda dibutuhake.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 50px |
| Radius tombol | 8px |
| Radius kertu | 20px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 72px |
| Ambane kaca | 1440px |
AI bakal mbangun situs web sampeyan nganggo gaya Bpco lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Steep — Analisis Font Serif ing Kertas Anget
- Newformcap — Koran redaksi ing ruang ganti
- Claude — Artefak sing dicithak ing perkamen anget—tinta ing kertas balung, lempung minangka siji-sijine ambegan warna
- 11x– Digital workers — Tanah gersang editorial sinematik—foto panorama lanskap sing dipasang ing ngarepe judhul serif monumental sing diwaca kaya panyebaran majalah mewah
- Revolut — Karya editorial monokrom adhedhasar foto mega—tinta putih, kancing kotak obat, sepotong garis biru warna ing jagad abu-abu.
- Scheduling — Tinta editorial ing kertas krem
- Titan — arsip monokrom kanthi warna anget
- Programa — Studio desain Swiss ing wayah awan. Tembok galeri putih disinari lampu meja kuning siji—kabeh wernane abu-abu nganti ana tombol, ikon, utawa aksen sing narik kawigaten, banjur aksen kuning siji kuwi nemtokake kabeh ruangan.
- Sana Agents — Jeruk nipis berkilau ing latar mburi putih ing editorial
- Visual — Samizdat editorial sing anget. Kertas krem, poster serif, marginalia monokrom, siji spidol kuning.
- Midday — Brosur editorial nganggo vellum - judhul serif 72px ing latar watu sing anget, salinan awak sans-serif kanthi jarak, kontrol awujud pil, tanpa bayangan
- Chat for impact — Klinik ijo alas kanthi kamar-kamar warna pastel