Bpco
Et typografisk manifest lavet af en betonplade. Et sort-hvidt pressekit, hvor den overdimensionerede Helvetica-skrifttype efterligner et fotografi, og den eneste tekstur er et enkelt ark krøllet papir under hovedskrifttypen.
Bigpicture bruger et monokromt redigeringssystem, der behandler websiden som et trykt pressekit lagt på råt papir. Brugerfladen er fuldstændig blottet for kromatiske farver og er udelukkende afhængig af sort blæk, hvidt mellemrum, tynde linjer og en ensartet tekstur af krøllet papir for at skabe atmosfære. Typografi er et produkt: overskrifter når 274px i Helvetica Neue 700 med aggressiv negativ bogstavafstand, hvilket gør tekst til den dominerende visuelle masse på hver skærm. Monospaced-billedtekster ([01-N INTRODUCTION], CREATIVE/AGENCY) fungerer som trykte signaturer, og firepunktede skinnende ikoner fungerer som den eneste dekoration mellem sektioner. Layoutet er generøst og minder om selvudgivelse - 72px mellemrum mellem sektioner, 144-250px vandrette margener og billedblokke i fuld bredde med 288px hjørner tillader siden at ånde som en gallerivæg snarere end et stykke software.
Den maksimale bredde er ~1440px, centreret med en vandret margen på 40-144px afhængigt af sektionstætheden. Hovedbilledet er et billede i fuld bredde med overliggende tekst. Under billedet skifter indholdet mellem centrerede tekstblokke og kant-til-kant-typografi. De nederste 60% af siden er et langt, rullende manifest med stor skrift, der fylder hele visningsbredden linje for linje, adskilt af rækker af blanke skillelinjer. Navigationen er en flydende bjælke centreret øverst i visningsområdet i stedet for et panel i fuld bredde. Sidefoden er en enkelt strimmel med en tynd kant.
Fotografi dominerer hovedskærmen – store arkitektoniske og udendørs reklamebilleder (billboards, bygningsbeklædning, gadeplansreklamer) præsenteret i fuld størrelse med afrundede hjørner. En krøllet papirtekstur er lagt oven på de nederste dele af siden, hvilket skaber en taktil fornemmelse og giver brugerfladen udseendet af et trykt magasin. Et lille globusikon, tegnet med linjer, er det eneste illustrative element. Ingen 3D-effekter, ingen abstrakte gradienter, ingen produktmockups – billederne er dokumentariske, industrielle af natur og baseret på bureauets udendørs reklameportefølje.
Palet
Neutral
- Press Ink
#121212— Brødteksten, tynde linjer, sektionskanter, ikonomrids og sidefodstekst bruger alle en enkelt mørk tone, der indeholder 95 % af al forgrundsinformation. - Paper White
#ffffff— Sidelærred, papoverflader, navigationslinjebaggrund, overflader med titelrammer. - Newsprint
#f1f1f1— Delikat overfladefyld, bløde kanter, tynde skillevægge, tone skjult bag teksturen af krøllet papir. - Foil Gray
#e1e1e1— Lette rammer, accenter i form af ikonkonturer, ekstra skillevægge. - Mute Gray
#c5c5c5— Sekundær tekst, handicapstatus, overfladelinjer med lav kontrast
Typografi
fra 13 til 274px · 6 trin
- Helvetica Neue — udskiftning: Inter · konturer 400, 500, 700 · Et universelt værktøj - brødtekst ved 17px/1,29, overskrifter ved 75-274px med -0,04em bogstavafstand ved de største størrelser, navigationsetiketter ved 15px
- PPSupplyMono — udskiftning: JetBrains Mono · konturer 400 · Metatags og parentesiske etiketter såsom [01-N INTRODUCTION] samt sektionstags (ANNONCE, KREATIV/BUREAU, OFFLINE MARKETING) er de eneste typografiske accenter, der bryder monotonien i Helvetica.
- PPSupplySans — udskiftning: Inter · konturer 400 · Sekundær navigation og mikrokopi i sidefoden, hvor en anden sans-serif-skrifttype er påkrævet.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 50px |
| Knapradius | 8px |
| Kortradius | 20px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 72px |
| Sidebredde | 1440px |
AI vil bygge din hjemmeside i Bpco -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Steep — Analyse af serif-skrifttyper på varmt papir
- Newformcap — Redaktionel avis i omklædningsrummet
- Claude — En artefakt trykt på varmt pergament – blæk på knoglepapir, ler som det eneste farvepust
- 11x– Digital workers — Et filmisk redaktionelt ødemark – panoramafotografier af landskabet mod monumentale serif-overskrifter, der læses som et luksusmagasinopslag
- Revolut — Et monokromt redaktionelt værk baseret på et fotografi af skyer – hvid blæk, pilleæskeknapper, en enkelt blå farvestribe i en ellers gråskalaverden.
- Scheduling — Redaktionel blæk på cremefarvet papir
- Titan — varmtonet monokrom arkiv
- Programa — Et schweizisk designstudie ved middagstid. Den hvide gallerivæg er oplyst af en enkelt gul bordlampe – alt er i grå nuancer, indtil en knap, et ikon eller en accent fanger øjet, og så definerer den ene gule accent hele rummet.
- Sana Agents — Lime glimmer på hvid baggrund i redaktionel
- Visual — Varm redaktionel samizdat. Cremefarvet papir, serif-plakater, monokrome marginalia, en gul tusch.
- Midday — Redaktionel brochure på vellum - 72px serif overskrift på en varm stenbaggrund, sans-serif brødtekst med afstand, pilleformede kontroller, ingen skygger
- Chat for impact — En skovgrøn klinik med pastelfarvede værelser