Bpco
Et typografisk manifest laget av en betongplate. Et svart-hvitt pressesett der den overdimensjonerte Helvetica-skrifttypen etterligner et fotografi, og den eneste teksturen er et enkelt ark med krøllete papir under hovedskrifttypen.
Bigpicture bruker et monokromt redigeringssystem som behandler nettsiden som et trykt pressesett lagt ut på rått papir. Grensesnittet er fullstendig blottet for kromatiske farger, og er utelukkende avhengig av svart blekk, hvitt mellomrom, tynne linjer og en jevn tekstur av krøllete papir for å skape atmosfære. Typografi er et produkt: overskrifter når 274 piksler i Helvetica Neue 700 med aggressiv negativ bokstavavstand, noe som gjør tekst til den dominerende visuelle massen på hver skjerm. Monospaced-bildetekster ([01-N INTRODUKSJON], KREATIV/BYRÅ) fungerer som trykte signaturer, og firepunkts skinnende ikoner fungerer som den eneste dekorasjonen mellom seksjoner. Layouten er generøs og minner om selvpublisering – 72 piksler mellomrom mellom seksjoner, 144–250 piksler horisontale marger og bildeblokker i full bredde med 288 piksler hjørner lar siden puste som en gallerivegg snarere enn et program.
Maksimal bredde er ~1440 piksler, sentrert med en horisontal polstring på 40–144 piksler avhengig av seksjonstetthet. Hovedbildet er et bilde i full bredde med overliggende tekst. Under bildet veksler innholdet mellom sentrerte tekstblokker og kant-til-kant-typografi. De nederste 60 % av siden er et langt, rullende manifest, med stor skrift som fyller hele visningsbredden linje for linje, atskilt med rader med blanke skillelinjer. Navigasjonen er en flytende linje sentrert øverst i visningsområdet, i stedet for et panel i full bredde. Bunnteksten er en enkelt stripe med en tynn kant.
Fotografi dominerer hovedskjermen – store arkitektoniske og utendørs reklamebilder (reklametavler, bygningskledning, gateplanreklame) presentert i full størrelse med avrundede hjørner. En krøllete papirtekstur er lagt over de nedre delene av siden, noe som skaper en taktil følelse og gir grensesnittet utseendet til et trykt magasin. Et lite globusikon, tegnet med linjer, er det eneste illustrerende elementet. Ingen 3D-effekter, ingen abstrakte gradienter, ingen produktmodeller – bildene er dokumentariske, industrielle av natur og basert på byråets utendørs reklameportefølje.
Palett
Nøytral
- Press Ink
#121212— Brødteksten, tynne linjer, seksjonskantlinjer, ikonomriss og bunntekst bruker alle én mørk tone som bærer 95 % av all forgrunnsinformasjon. - Paper White
#ffffff— Sidelerret, pappoverflater, bakgrunn på navigasjonslinjen, overflater med tittelrammer. - Newsprint
#f1f1f1— Delikat overflatefyll, myke kanter, tynne skillevegger, tone skjult bak teksturen av krøllete papir. - Foil Gray
#e1e1e1— Lette rammer, aksenter i form av ikonomriss, ekstra skillevegger. - Mute Gray
#c5c5c5— Sekundærtekst, funksjonshemmingsstatus, overflatelinjer med lav kontrast
Typografi
fra 13 til 274 piksler · 6 trinn
- Helvetica Neue — erstatning: Inter · omriss 400, 500, 700 · Et universelt verktøy – brødtekst på 17 piksler/1,29 piksler, overskrifter på 75–274 piksler med -0,04 mm bokstavavstand ved de største størrelsene, navigasjonsetiketter på 15 piksler
- PPSupplyMono — erstatning: JetBrains Mono · omriss 400 · Metakoder og parentesetiketter som [01-N INTRODUKSJON], samt seksjonskoder (ANNONSE, KREATIV/BYRÅ, OFFLINE MARKEDSFØRING) er de eneste typografiske aksentene som bryter monotonien i Helvetica.
- PPSupplySans — erstatning: Inter · omriss 400 · Sekundærnavigasjon og mikrokopi i bunnteksten der en annen sans-serif-skrifttype er nødvendig.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 50px |
| Knapperadius | 8px |
| Kortradius | 20px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 72px |
| Sidebredde | 1440px |
AI vil bygge nettstedet ditt i Bpco -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Steep — Analyse av serif-fonter på varmt papir
- Newformcap — Redaksjonell avis i garderoben
- Claude — En gjenstand trykt på varmt pergament – blekk på beinpapir, leire som eneste fargepust
- 11x– Digital workers — Et filmatisk redaksjonelt ødemark – panoramafotografier av landskapet mot monumentale serif-overskrifter som leses som et luksuriøst magasinoppslag
- Revolut — Et monokrom redaksjonelt verk basert på et fotografi av skyer – hvitt blekk, pilleeskeknapper, en enkelt blå fargestripe i en ellers gråtoneverden.
- Scheduling — Redaksjonell blekk på kremfarget papir
- Titan — varmtonet monokrom arkiv
- Programa — Et sveitsisk designstudio midt på dagen. Den hvite galleriveggen er opplyst av en enkelt gul bordlampe – alt er i gråtoner helt til en knapp, et ikon eller en aksent fanger blikket, og så definerer den ene gule aksenten hele rommet.
- Sana Agents — Limeglans på hvit bakgrunn i redaksjonelt
- Visual — Varm redaksjonell samizdat. Kremfarget papir, serif-plakater, monokrome marginalia, én gul tusj.
- Midday — Redaksjonell brosjyre på vellum – 72 pikslers serif-overskrift på varm steinbakgrunn, sans-serif brødtekst med avstand, pilleformede kontroller, ingen skygger
- Chat for impact — En skoggrønn klinikk med pastellfargede rom