Bpco
Un manifesto tipografico realizzato con una lastra di cemento. Un press kit in bianco e nero in cui il carattere Helvetica sovradimensionato imita una fotografia e l'unica texture è un singolo foglio di carta accartocciato sotto il carattere principale.
Bigpicture utilizza un sistema di editing monocromatico che tratta la pagina web come un press kit stampato su carta grezza. L'interfaccia è completamente priva di colori cromatici, affidandosi esclusivamente all'inchiostro nero, allo spazio bianco, a linee sottili e a una texture uniforme di carta stropicciata per creare atmosfera. La tipografia è il prodotto: i titoli raggiungono i 274px in Helvetica Neue 700 con un'aggressiva spaziatura negativa tra le lettere, rendendo il testo la massa visiva dominante su ogni schermata. Le didascalie a spaziatura fissa ([01-N INTRODUZIONE], CREATIVE/AGENCY) fungono da firme in stile cartaceo e le icone lucide a quattro punte sono l'unica decorazione tra le sezioni. Il layout è generoso e ricorda l'autopubblicazione: spazi di 72px tra le sezioni, margini orizzontali di 144-250px e blocchi immagine a larghezza intera con angoli di 288px permettono alla pagina di respirare come una parete di una galleria d'arte piuttosto che come un semplice software.
La larghezza massima è di circa 1440 pixel, centrata con un padding orizzontale di 40-144 pixel a seconda della densità della sezione. L'immagine principale occupa tutta la larghezza della pagina con testo sovrapposto. Sotto l'immagine, il contenuto alterna blocchi di testo centrati e testo a tutta larghezza. Il 60% inferiore della pagina è costituito da un lungo manifesto scorrevole, con caratteri di grandi dimensioni che riempiono l'intera larghezza della finestra di visualizzazione, riga per riga, separati da file di divisori lucidi. La navigazione è una barra flottante centrata nella parte superiore della finestra di visualizzazione, anziché un pannello a tutta larghezza. Il piè di pagina è una singola striscia con un bordo sottile.
La fotografia domina la schermata principale: grandi immagini di architettura e pubblicità esterna (cartelloni pubblicitari, rivestimenti di edifici, pubblicità a livello stradale) presentate a grandezza naturale con angoli arrotondati. Una texture di carta stropicciata è sovrapposta alle sezioni inferiori della pagina, creando un effetto tattile e conferendo all'interfaccia l'aspetto di una rivista stampata. Una piccola icona a forma di globo, disegnata con linee, è l'unico elemento illustrativo. Nessun effetto 3D, nessuna sfumatura astratta, nessun mockup di prodotto: le immagini sono documentaristiche, di natura industriale e basate sul portfolio di pubblicità esterna dell'agenzia.
Tavolozza
Neutro
- Press Ink
#121212— Il corpo del testo, le linee sottili, i bordi delle sezioni, i contorni delle icone e il testo del piè di pagina utilizzano tutti un unico tono scuro che veicola il 95% di tutte le informazioni in primo piano. - Paper White
#ffffff— Tela della pagina, superfici in cartone, sfondo della barra di navigazione, superfici con cornici per titoli. - Newsprint
#f1f1f1— Riempimento delicato della superficie, bordi morbidi, divisori sottili, tonalità nascoste dietro la trama della carta stropicciata. - Foil Gray
#e1e1e1— Cornici leggere, dettagli decorativi sotto forma di contorni di icone, divisori aggiuntivi. - Mute Gray
#c5c5c5— Testo secondario, stato di disabilità, linee di superficie a basso contrasto
Tipografia
da 13 a 274px · 6 passaggi
- Helvetica Neue — sostituzione: Inter · contorni 400, 500, 700 · Uno strumento universale: testo del corpo a 17px/1.29, intestazioni visualizzate a 75–274px con spaziatura tra le lettere di -0.04em alle dimensioni maggiori, etichette di navigazione a 15px
- PPSupplyMono — sostituzione: JetBrains Mono · contorni 400 · I meta tag e le etichette tra parentesi come [01-N INTRODUZIONE], così come i tag di sezione (PUBBLICITÀ, CREATIVA/AGENZIA, MARKETING OFFLINE) sono gli unici accenti tipografici che rompono la monotonia dell'Helvetica.
- PPSupplySans — sostituzione: Inter · contorni 400 · Navigazione secondaria e microtesti nel piè di pagina dove è richiesto un carattere sans-serif diverso.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 50px |
| Raggio del pulsante | 8px |
| Raggio della carta | 20px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 72px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Bpco e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Steep — Analisi dei caratteri serif su carta calda
- Newformcap — Quotidiano editoriale nello spogliatoio
- Claude — Un manufatto stampato su pergamena calda: inchiostro su carta d'osso, l'argilla come unico tocco di colore.
- 11x– Digital workers — Un paesaggio cinematografico desolato: fotografie panoramiche del paesaggio contrapposte a monumentali titoli in serif che sembrano le pagine di una rivista di lusso.
- Revolut — Un'opera editoriale monocromatica basata su una fotografia di nuvole: inchiostro bianco, bottoni a forma di pillola, un'unica striscia blu di colore in un mondo altrimenti in scala di grigi.
- Scheduling — Inchiostro editoriale su carta color crema
- Titan — archivio monocromatico dai toni caldi
- Programa — Uno studio di design svizzero a mezzogiorno. La parete bianca della galleria è illuminata da un'unica lampada da tavolo gialla: tutto è in diverse tonalità di grigio finché un pulsante, un'icona o un dettaglio non cattura lo sguardo, e a quel punto quell'unico tocco di giallo definisce l'intera stanza.
- Sana Agents — Scintillio di lime su sfondo bianco in un articolo editoriale
- Visual — Samizdat editoriale dai toni caldi. Carta color crema, poster con caratteri serif, note a margine monocromatiche, un pennarello giallo.
- Midday — Brochure editoriale su pergamena - titolo serif da 72px su sfondo color pietra calda, corpo del testo sans-serif con spaziatura, controlli a forma di pillola, senza ombre.
- Chat for impact — Una clinica color verde foresta con stanze dai colori pastello.