Bpco
Een typografisch manifest gemaakt van een betonnen plaat. Een zwart-wit persmap waarin het oversized Helvetica-lettertype een foto nabootst, en de enige textuur een enkel vel verfrommeld papier onder het hoofdlettertype is.
Bigpicture gebruikt een monochroom bewerkingssysteem dat de webpagina behandelt als een gedrukte persmap, opgemaakt op onbewerkt papier. De interface is volledig vrij van kleuren en vertrouwt uitsluitend op zwarte inkt, witruimte, dunne lijnen en een uniforme textuur van verfrommeld papier om sfeer te creëren. Typografie is essentieel: koppen bereiken een breedte van 274px in Helvetica Neue 700 met agressieve negatieve letterafstand, waardoor tekst de dominante visuele massa op elk scherm vormt. Monospaced bijschriften ([01-N INTRODUCTION], CREATIVE/AGENCY) fungeren als handtekeningen in printstijl en glanzende vierkante pictogrammen dienen als enige decoratie tussen secties. De lay-out is ruim en doet denken aan zelfpublicatie: 72px tussenruimte tussen secties, horizontale marges van 144-250px en afbeeldingsblokken over de volledige breedte met hoeken van 288px geven de pagina de ruimte die een galeriewand nodig heeft in plaats van een softwareprogramma.
De maximale breedte is ongeveer 1440px, gecentreerd met een horizontale opvulling van 40-144px, afhankelijk van de sectiedichtheid. De hero-afbeelding is een afbeelding over de volledige breedte met overlappende tekst. Onder de afbeelding wisselt de inhoud af tussen gecentreerde tekstblokken en tekst die de volledige breedte beslaat. De onderste 60% van de pagina bestaat uit een lang, scrollend manifest, met grote letters die de volledige breedte van het scherm vullen, regel voor regel, gescheiden door rijen glanzende scheidingslijnen. De navigatie is een zwevende balk die bovenaan in het midden van het scherm is geplaatst, in plaats van een paneel over de volledige breedte. De footer is een enkele strook met een dunne rand.
Fotografie domineert het hoofdscherm: grote architectuur- en buitenreclamebeelden (billboards, gevelbekleding, straatreclame) worden op ware grootte met afgeronde hoeken weergegeven. Een textuur van verfrommeld papier is over de onderste delen van de pagina gelegd, wat een tastbaar gevoel geeft en de interface de uitstraling van een gedrukt tijdschrift biedt. Een klein wereldbolletje, getekend met lijnen, is het enige illustratieve element. Geen 3D-effecten, geen abstracte kleurovergangen, geen productmodellen – de beelden zijn documentair, industrieel van aard en gebaseerd op de buitenreclameportfolio van het bureau.
Palet
Neutrale
- Press Ink
#121212— De hoofdtekst, dunne lijnen, sectieranden, pictogramcontouren en voettekst gebruiken allemaal één enkele donkere tint die 95% van alle voorgrondinformatie bevat. - Paper White
#ffffff— Pagina-canvas, kartonnen oppervlakken, achtergrond van de navigatiebalk, oppervlakken met titelkaders. - Newsprint
#f1f1f1— Subtiele oppervlaktevulling, zachte randen, dunne scheidingslijnen, toon verborgen achter de textuur van verfrommeld papier. - Foil Gray
#e1e1e1— Lichte kaders, accenten in de vorm van pictogramcontouren, extra scheidingslijnen. - Mute Gray
#c5c5c5— Secundaire tekst, handicapstatus, oppervlaktelijnen met laag contrast
Typografie
van 13 tot 274px · 6 stappen
- Helvetica Neue — vervanging: Inter · overzichten 400, 500, 700 · Een universeel hulpmiddel - hoofdtekst op 17px/1.29, kopteksten op 75–274px met -0.04em letterafstand bij de grootste formaten, navigatielabels op 15px
- PPSupplyMono — vervanging: JetBrains Mono · overzichten 400 · Metatags en labels tussen haakjes, zoals [01-N INTRODUCTION], evenals sectietags (ADVERTISING, CREATIVE/AGENCY, OFFLINE MARKETING) zijn de enige typografische accenten die de eentonigheid van Helvetica doorbreken.
- PPSupplySans — vervanging: Inter · overzichten 400 · Secundaire navigatie en microcopy in de voettekst waar een ander schreefloos lettertype vereist is.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gemiddeld |
| Basisstap | 50px |
| Knopradius | 8px |
| Kaartradius | 20px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 72px |
| Paginabreedte | 1440px |
AI bouwt je website in de stijl Bpco en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Steep — Analyse van schreeflettertypen op warm papier
- Newformcap — Redactioneel artikel in de kleedkamer
- Claude — Een artefact gedrukt op warm perkament – inkt op beenderpapier, klei als enige vleugje kleur.
- 11x– Digital workers — Een filmische, redactionele woestenij: panoramische landschapsfoto's geplaatst tegen monumentale, schreefletterige koppen die lezen als een luxe magazinepagina.
- Revolut — Een zwart-wit redactioneel werk gebaseerd op een foto van wolken: witte inkt, pillbox-knopen, een enkele blauwe kleurstreep in een verder grijstintenwereld.
- Scheduling — Redactionele inkt op crèmekleurig papier
- Titan — archief met monochrome foto's in warme tinten
- Programa — Een Zwitserse designstudio rond het middaguur. De witte galeriewand wordt verlicht door een enkele gele tafellamp – alles is in grijstinten totdat een knop, icoon of accent de aandacht trekt, en dan bepaalt dat ene gele accent de hele ruimte.
- Sana Agents — Limoenkleurige glitter op een witte achtergrond in een redactioneel artikel.
- Visual — Warme, redactionele samizdat. Crèmekleurig papier, schreefletters, monochrome kanttekeningen, één gele marker.
- Midday — Redactionele brochure op perkamentpapier - koptekst van 72px met schreefletters op een warme steenkleurige achtergrond, hoofdtekst zonder schreefletters met witruimte, pilvormige bedieningselementen, geen schaduwen.
- Chat for impact — Een bosgroene kliniek met pastelkleurige kamers.