Bpco
Ein typografisches Manifest aus einer Betonplatte. Eine Schwarz-Weiß-Pressemappe, in der die übergroße Helvetica-Schrift ein Foto imitiert und die einzige Textur ein einzelnes Blatt zerknittertes Papier unter der Hauptschrift ist.
Bigpicture verwendet ein monochromes Bearbeitungssystem, das die Webseite wie eine gedruckte Pressemappe auf unbedrucktem Papier behandelt. Die Benutzeroberfläche verzichtet vollständig auf Farben und setzt ausschließlich auf schwarze Tinte, Weißraum, feine Linien und die einheitliche Textur von zerknittertem Papier, um Atmosphäre zu schaffen. Typografie ist das Hauptmerkmal: Überschriften erreichen 274 Pixel in Helvetica Neue 700 mit aggressivem Negativabstand, wodurch der Text auf jedem Bildschirm die dominierende visuelle Masse bildet. Festbreitenbeschriftungen ([01-N EINLEITUNG], KREATIVE/AGENTUR) fungieren als Signaturen im Druckstil, und viereckige, glänzende Icons dienen als einzige Dekoration zwischen den Abschnitten. Das Layout ist großzügig und erinnert an Self-Publishing – 72 Pixel breite Abstände zwischen den Abschnitten, horizontale Ränder von 144–250 Pixel und vollflächige Bildblöcke mit 288 Pixel großen Ecken lassen die Seite wie eine Galeriewand wirken und nicht wie eine Software.
Die maximale Breite beträgt ca. 1440 Pixel, zentriert mit einem horizontalen Abstand von 40–144 Pixeln, abhängig von der Abschnittsdichte. Das Hero-Bild ist ein vollflächiges Bild mit darüberliegendem Text. Unterhalb des Bildes wechseln sich zentrierte Textblöcke und randlose Typografie ab. Die unteren 60 % der Seite bestehen aus einem langen, scrollbaren Manifest, dessen große Schrift die gesamte Breite des Viewports Zeile für Zeile ausfüllt und durch glänzende Trennlinien voneinander abgegrenzt ist. Die Navigation ist eine schwebende Leiste, die am oberen Rand des Viewports zentriert ist, anstatt eines vollflächigen Panels. Die Fußzeile ist ein einzelner Streifen mit einem dünnen Rahmen.
Fotografien dominieren den Hauptbildschirm – großformatige Architektur- und Außenwerbeaufnahmen (Plakate, Gebäudefassaden, Straßenwerbung) werden in voller Größe mit abgerundeten Ecken präsentiert. Eine Textur aus zerknittertem Papier liegt über den unteren Seitenbereichen und erzeugt so eine haptische Anmutung und den Look eines gedruckten Magazins. Ein kleines, mit Linien gezeichnetes Globus-Symbol ist das einzige illustrative Element. Keine 3D-Effekte, keine abstrakten Farbverläufe, keine Produktmodelle – die Bilder sind dokumentarisch, industriell und basieren auf dem Außenwerbeportfolio der Agentur.
Palette
Neutral
- Press Ink
#121212— Der Fließtext, die dünnen Linien, die Abschnittsränder, die Umrisse der Symbole und der Fußzeilentext verwenden alle einen einheitlichen dunklen Ton, der 95 % aller Vordergrundinformationen enthält. - Paper White
#ffffff— Seitenleinwand, Kartonoberflächen, Navigationsleistenhintergrund, Oberflächen mit Titelrahmen. - Newsprint
#f1f1f1— Zarte Oberflächenfüllung, weiche Ränder, dünne Trennlinien, Tonwerte, die hinter der Textur von zerknittertem Papier verborgen sind. - Foil Gray
#e1e1e1— Helle Rahmen, Akzente in Form von Symbolumrissen, zusätzliche Trennlinien. - Mute Gray
#c5c5c5— Sekundärtext, Behinderungsstatus, kontrastarme Oberflächenlinien
Typografie
von 13 auf 274 Pixel · 6 Schritte
- Helvetica Neue — Ersatz: Inter · Umrisse 400, 500, 700 · Ein universelles Werkzeug – Fließtext 17px/1,29, Überschriften 75–274px mit -0,04em Buchstabenabstand bei den größten Größen, Navigationsbeschriftungen 15px
- PPSupplyMono — Ersatz: JetBrains Mono · Umrisse 400 · Meta-Tags und Klammerzusätze wie [01-N EINLEITUNG] sowie Abschnitts-Tags (WERBUNG, KREATIVE/AGENTUR, OFFLINE-MARKETING) sind die einzigen typografischen Akzente, die die Monotonie der Helvetica durchbrechen.
- PPSupplySans — Ersatz: Inter · Umrisse 400 · Sekundäre Navigation und Mikrotexte in der Fußzeile, für die eine andere serifenlose Schriftart erforderlich ist.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | Durchschnitt |
| Grundlegender Schritt | 50px |
| Radius der Schaltfläche | 8px |
| Kartenradius | 20px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 72px |
| Seitenbreite | 1440px |
KI erstellt Ihre Website im Bpco -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Steep — Analyse von Serifenschriften auf warmem Papier
- Newformcap — Leitartikel der Zeitung in der Umkleidekabine
- Claude — Ein Artefakt, gedruckt auf warmem Pergament – Tinte auf Knochenpapier, Ton als einziger Farbtupfer.
- 11x– Digital workers — Eine filmische redaktionelle Ödnis – Panoramaaufnahmen der Landschaft vor dem Hintergrund monumentaler Serifenschriften, die sich wie eine Luxusmagazin-Doppelseite lesen.
- Revolut — Eine monochrome redaktionelle Arbeit, basierend auf einem Foto von Wolken – weiße Tinte, Pillbox-Knöpfe, ein einzelner blauer Farbstreifen in einer ansonsten grauen Welt.
- Scheduling — Tusche auf cremefarbenem Papier
- Titan — Archiv mit warmen Schwarzweißtönen
- Programa — Ein Schweizer Designstudio am Mittag. Die weiße Galeriewand wird von einer einzelnen gelben Tischlampe beleuchtet – alles ist in Grautönen gehalten, bis ein Knopf, ein Symbol oder ein Akzent ins Auge fällt, und dann prägt dieser einzelne gelbe Akzent den gesamten Raum.
- Sana Agents — Limettenglitzer auf weißem Hintergrund im redaktionellen Beitrag
- Visual — Warmer redaktioneller Samisdat. Cremefarbenes Papier, Serifenschrift-Plakate, monochrome Randbemerkungen, ein gelber Marker.
- Midday — Editorial-Broschüre auf Pergament – 72px Serifenschrift-Überschrift auf warmem Steinhintergrund, serifenloser Fließtext mit Zeilenabstand, pillenförmige Steuerelemente, keine Schatten
- Chat for impact — Eine waldgrüne Klinik mit pastellfarbenen Zimmern