Bpco
Un manifest tipogràfic fet amb una llosa de formigó. Un dossier de premsa en blanc i negre on la font Helvetica de grans dimensions imita una fotografia, i l'única textura és un full de paper arrugat sota la tipografia principal.
Bigpicture utilitza un sistema d'edició monocrom que tracta la pàgina web com un dossier de premsa imprès sobre paper cru. La interfície està completament desproveïda de colors cromàtics, basant-se únicament en tinta negra, espais en blanc, línies primes i una textura uniforme de paper arrugat per crear atmosfera. La tipografia és producte: els encapçalaments arriben als 274 px en Helvetica Neue 700 amb un espaiat negatiu agressiu entre lletres, fent que el text sigui la massa visual dominant a totes les pantalles. Els subtítols monoespaiats ([01-N INTRODUCCIÓ], CREATIVE/AGENCY) actuen com a signatures d'estil imprès, i les icones brillants de quatre puntes serveixen com a única decoració entre seccions. El disseny és generós i recorda l'autopublicació: espais de 72 px entre seccions, marges horitzontals de 144-250 px i blocs d'imatges d'amplada completa amb cantonades de 288 px permeten que la pàgina respiri com una paret de galeria en lloc d'un programari.
L'amplada màxima és d'uns 1440 px, centrada amb un farciment horitzontal de 40 a 144 px depenent de la densitat de la secció. La imatge principal és una imatge d'amplada completa amb text superposat. A sota de la imatge, el contingut alterna entre blocs de text centrats i tipografia de vora a vora. El 60% inferior de la pàgina és un manifest llarg i desplaçable, amb lletra gran que omple tota l'amplada de la finestra gràfica línia per línia, separat per files de divisors brillants. La navegació és una barra flotant centrada a la part superior de la finestra gràfica, en lloc d'un panell d'amplada completa. El peu de pàgina és una sola tira amb una vora fina.
La fotografia domina la pantalla principal: grans imatges arquitectòniques i de publicitat exterior (cartells publicitaris, revestiments d'edificis, publicitat a peu de carrer) presentades a mida completa amb cantonades arrodonides. Una textura de paper arrugat se superposa a les seccions inferiors de la pàgina, creant una sensació tàctil i donant a la interfície l'aspecte d'una revista impresa. Una petita icona de globus terraqüi, dibuixada amb línies, és l'únic element il·lustratiu. Sense efectes 3D, sense gradients abstractes, sense maquetes de productes: les imatges són documentals, de naturalesa industrial i basades en el portafoli de publicitat exterior de l'agència.
Paleta
Neutral
- Press Ink
#121212— El text del cos, les línies primes, les vores de les seccions, els contorns de les icones i el text del peu de pàgina utilitzen un únic to fosc que conté el 95% de tota la informació del primer pla. - Paper White
#ffffff— Llenç de pàgina, superfícies de cartró, fons de la barra de navegació, superfícies amb marcs de títol. - Newsprint
#f1f1f1— Superfície delicada, vores suaus, divisors prims, to amagat darrere la textura del paper arrugat. - Foil Gray
#e1e1e1— Marcs lleugers, accents en forma de contorns d'icones, divisors addicionals. - Mute Gray
#c5c5c5— Text secundari, estat de discapacitat, línies superficials de baix contrast
Tipografia
de 13 a 274 px · 6 passos
- Helvetica Neue — reemplaçament: Inter · esquemes 400, 500, 700 · Una eina universal: text del cos a 17px/1.29, encapçalaments de visualització a 75–274px amb un espaiat entre lletres de -0.04em a les mides més grans, etiquetes de navegació a 15px
- PPSupplyMono — reemplaçament: JetBrains Mono · esquemes 400 · Les metaetiquetes i les etiquetes entre parèntesis com ara [01-N INTRODUCCIÓ], així com les etiquetes de secció (PUBLICITAT, CREATIVITAT/AGÈNCIA, MÀRQUETING OFFLINE) són els únics accents tipogràfics que trenquen la monotonia de l'Helvetica.
- PPSupplySans — reemplaçament: Inter · esquemes 400 · Navegació secundària i microcòpia al peu de pàgina on es requereix una font sans-serif diferent.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 50px |
| Radi del botó | 8px |
| Radi de la targeta | 20px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 72px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil Bpco i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Steep — Anàlisi de fonts serif sobre paper càlid
- Newformcap — Editorial del diari al vestidor
- Claude — Un artefacte imprès sobre pergamí càlid: tinta sobre paper d'os, argila com a únic alè de color
- 11x– Digital workers — Un erm editorial cinematogràfic: fotografies panoràmiques del paisatge contraposades a titulars monumentals amb serifes que semblen una publicació de revista de luxe.
- Revolut — Una obra editorial monocroma basada en una fotografia de núvols: tinta blanca, botons de pastillera, una única franja blava de color en un món que d'altra banda seria en escala de grisos.
- Scheduling — Tinta editorial sobre paper crema
- Titan — arxiu monocrom de tons càlids
- Programa — Un estudi de disseny suís al migdia. La paret blanca de la galeria està il·luminada per una única làmpada de taula groga; tot és en tons grisos fins que un botó, una icona o un detall crida l'atenció, i aleshores aquest únic detall groc defineix tota l'habitació.
- Sana Agents — Brillantor de llima sobre fons blanc a l'editorial
- Visual — Samizdat editorial càlid. Paper crema, pòsters serif, lletres marginals monocromes, un retolador groc.
- Midday — Fullet editorial sobre vitel·la: títol serif de 72 px sobre un fons de pedra càlida, cos de text sans-serif amb espaiat, controls en forma de píndola, sense ombres
- Chat for impact — Una clínica de color verd bosc amb habitacions de colors pastel