Bpco
Ett typografiskt manifest gjort av en betongplatta. Ett svartvitt presspaket där det överdimensionerade Helvetica-typsnittet härmar ett fotografi, och den enda texturen är ett enda ark skrynkligt papper under huvudtypsnittet.
Bigpicture använder ett monokromt redigeringssystem som behandlar webbsidan som ett tryckt presspaket på rått papper. Gränssnittet saknar helt kromatiska färger och förlitar sig enbart på svart bläck, vitt utrymme, tunna linjer och en enhetlig textur av skrynkligt papper för att skapa atmosfär. Typografi är ett resultat: rubriker når 274px i Helvetica Neue 700 med aggressivt negativt bokstavsavstånd, vilket gör text till den dominerande visuella massan på varje skärm. Bildtexter med fast radavstånd ([01-N INTRODUKTION], KREATIV/BYRÅ) fungerar som signaturer i tryckstil, och fyruddiga blanka ikoner fungerar som den enda dekorationen mellan avsnitten. Layouten är generös och påminner om egenpublicering – 72px mellanrum mellan avsnitt, 144-250px horisontella marginaler och bildblock i full bredd med 288px hörn gör att sidan kan andas som en tavelvägg snarare än en mjukvara.
Den maximala bredden är ~1440px, centrerad med en horisontell utfyllnad på 40–144px beroende på sektionstäthet. Huvudbilden är en bild i full bredd med överliggande text. Under bilden växlar innehållet mellan centrerade textblock och typografi från kant till kant. De nedre 60% av sidan är ett långt, rullande manifest, med stor text som fyller hela visningsområdets bredd rad för rad, separerade av rader av glansiga avdelare. Navigeringen är en flytande stapel centrerad högst upp i visningsområdet, snarare än en panel i full bredd. Sidfoten är en enda remsa med en tunn kantlinje.
Fotografi dominerar huvudskärmen – stora arkitektoniska bilder och utomhusreklambilder (skyltar, fasadbeklädnad, gatuplansreklam) presenteras i full storlek med rundade hörn. En skrynklig pappersstruktur läggs över de nedre delarna av sidan, vilket skapar en taktil känsla och ger gränssnittet utseendet av en tryckt tidskrift. En liten jordglobikon, ritad med linjer, är det enda illustrativa elementet. Inga 3D-effekter, inga abstrakta gradienter, inga produktmodeller – bilderna är dokumentära, industriella till sin natur och baserade på byråns utomhusreklamportfölj.
Palett
Neutral
- Press Ink
#121212— Brödtexten, tunna linjer, sektionskanter, ikonkonturer och sidfotstext använder alla en enda mörk ton som bär 95 % av all förgrundsinformation. - Paper White
#ffffff— Sidduk, kartongytor, navigeringsfältets bakgrund, ytor med titelramar. - Newsprint
#f1f1f1— Fin ytfyllning, mjuka kanter, tunna avdelare, ton dold bakom texturen av skrynkligt papper. - Foil Gray
#e1e1e1— Ljusa ramar, accenter i form av ikonkonturer, ytterligare avdelare. - Mute Gray
#c5c5c5— Sekundärtext, funktionsnedsättningsstatus, ytlinjer med låg kontrast
Typografi
från 13 till 274px · 6 steg
- Helvetica Neue — ersättning: Inter · konturer 400, 500, 700 · Ett universellt verktyg - brödtext vid 17px/1,29, rubriker vid 75–274px med -0,04em bokstavsavstånd vid de största storlekarna, navigeringsetiketter vid 15px
- PPSupplyMono — ersättning: JetBrains Mono · konturer 400 · Metataggar och parentesetiketter som [01-N INTRODUKTION], såväl som sektionstaggar (ANNONSERING, KREATIV/BYRÅ, OFFLINEMARKNADSFÖRING) är de enda typografiska accenter som bryter monotonin i Helvetica.
- PPSupplySans — ersättning: Inter · konturer 400 · Sekundär navigering och mikrokopia i sidfoten där ett annat sans-serif-teckensnitt krävs.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 50px |
| Knappradie | 8px |
| Kortradie | 20px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 72px |
| Sidbredd | 1440px |
AI kommer att bygga din webbplats i Bpco -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Steep — Analys av serif-teckensnitt på varmt papper
- Newformcap — Redaktionell tidning i omklädningsrummet
- Claude — En artefakt tryckt på varmt pergament – bläck på benpapper, lera som enda färgfläkt
- 11x– Digital workers — En filmisk redaktionell ödemark – panoramafotografier av landskapet mot monumentala serifrubriker som läser som ett uppslag i ett lyxigt tidskriftsblad
- Revolut — Ett monokromt redaktionellt verk baserat på ett fotografi av moln – vitt bläck, knappar på pilleraskar, en enda blå färgstrimma i en annars gråskalig värld.
- Scheduling — Redaktionell bläck på krämfärgat papper
- Titan — varmtonat monokromt arkiv
- Programa — En schweizisk designstudio mitt på dagen. Den vita tavelväggen är upplyst av en enda gul bordslampa – allt går i grå nyanser tills en knapp, ikon eller accent fångar ögat, och sedan definierar den enda gula accenten hela rummet.
- Sana Agents — Lime glitter på vit bakgrund i ledare
- Visual — Varm redaktionell samizdat. Krämfärgat papper, serif-affischer, monokrom marginalia, en gul tuschpenna.
- Midday — Redaktionell broschyr på vellum - 72px serif-rubrik mot varm stenbakgrund, sans-serif-text med mellanrum, pillerformade kontroller, inga skuggor
- Chat for impact — En skogsgrön klinik med pastellfärgade rum