Bpco
Tipografski manifest napravljen od betonske ploče. Crno-bijeli press kit gdje predimenzionirani Helvetica font oponaša fotografiju, a jedina tekstura je jedan list zgužvanog papira ispod glavnog fonta.
Bigpicture koristi monohromatski sistem za uređivanje koji tretira web stranicu kao štampani press kit postavljen na sirovom papiru. Interfejs je potpuno lišen hromatskih boja, oslanjajući se isključivo na crnu tintu, bijeli prostor, tanke linije i ujednačenu teksturu zgužvanog papira kako bi se stvorila atmosfera. Tipografija je proizvod: naslovi dostižu 274px u Helvetica Neue 700 sa agresivnim negativnim razmakom između slova, čineći tekst dominantnom vizuelnom masom na svakom ekranu. Natpisi sa jednostrukim razmakom ([01-N UVOD], KREATIVNO/AGENCIJA) djeluju kao potpisi u stilu štampe, a sjajne ikone sa četiri kraka služe kao jedina dekoracija između odjeljaka. Raspored je velikodušan i podsjeća na samostalno izdavaštvo - razmaci od 72px između odjeljaka, horizontalne margine od 144-250px i blokovi slika pune širine sa uglovima od 288px omogućavaju stranici da diše kao zid galerije, a ne kao softver.
Maksimalna širina je ~1440px, centrirano s horizontalnim paddom od 40–144px, ovisno o gustoći sekcije. Glavna slika je slika pune širine s preklapajućim tekstom. Ispod slike, sadržaj se naizmjenično mijenja između centriranih blokova teksta i tipografije od ruba do ruba. Donjih 60% stranice je dugačak, pomični manifest, s velikim fontom koji ispunjava cijelu širinu prikaza red po red, odvojen redovima sjajnih razdjelnika. Navigacija je plutajuća traka centrirana na vrhu prikaza, a ne panel pune širine. Podnožje je jedna traka s tankim rubom.
Fotografija dominira glavnim ekranom - velike arhitektonske i slike vanjskog oglašavanja (bilbordi, obloge zgrada, oglašavanje na nivou ulice) prikazane su u punoj veličini sa zaobljenim uglovima. Tekstura zgužvanog papira preklopljena je preko donjih dijelova stranice, stvarajući taktilni osjećaj i dajući interfejsu izgled štampanog časopisa. Mala ikona globusa, nacrtana linijama, jedini je ilustrativni element. Nema 3D efekata, nema apstraktnih gradijenata, nema maketa proizvoda - slike su dokumentarne, industrijske prirode i zasnovane na portfoliju agencije za vanjsko oglašavanje.
Paleta
Neutralno
- Press Ink
#121212— Tekst u tijelu, tanke linije, okviri sekcija, obrisi ikona i tekst podnožja koriste jedan tamni ton koji nosi 95% svih informacija u prvom planu. - Paper White
#ffffff— Platno stranice, kartonske površine, pozadina navigacijske trake, površine s okvirima za naslove. - Newsprint
#f1f1f1— Nježno površinsko ispunjavanje, meki obrubi, tanke razdjelnice, ton skriven iza teksture zgužvanog papira. - Foil Gray
#e1e1e1— Svjetlosni okviri, akcenti u obliku obrisa ikona, dodatni razdjelnici. - Mute Gray
#c5c5c5— Sekundarni tekst, status invaliditeta, površinske linije niskog kontrasta
Tipografija
od 13 do 274px · 6 koraka
- Helvetica Neue — zamjena: Inter · obrisi 400, 500, 700 · Univerzalni alat - tekst tijela na 17px/1.29, prikaz naslova na 75–274px sa razmakom između slova od -0.04em na najvećim veličinama, navigacijske oznake na 15px
- PPSupplyMono — zamjena: JetBrains Mono · obrisi 400 · Meta oznake i oznake u zagradama poput [01-N UVOD], kao i oznake odjeljaka (OGLAŠAVANJE, KREATIVNO/AGENCIJSKO, OFFLINE MARKETING) jedini su tipografski akcenti koji razbijaju monotoniju Helvetice.
- PPSupplySans — zamjena: Inter · obrisi 400 · Sekundarna navigacija i mikrotekst u podnožju gdje je potreban drugačiji sans-serif font.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 50px |
| Radijus dugmeta | 8px |
| Radijus kartice | 20px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 72px |
| Širina stranice | 1440px |
Vještačka inteligencija će izgraditi vašu web stranicu u Bpco stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Steep — Analiza serifnih fontova na toplom papiru
- Newformcap — Uredničke novine u garderobi
- Claude — Artefakt otisnut na toplom pergamentu - tinta na koštanom papiru, glina kao jedini dašak boje
- 11x– Digital workers — Filmska urednička pustoš - panoramske fotografije pejzaža nasuprot monumentalnim serifnim naslovima koji se čitaju kao duplerica luksuznog časopisa
- Revolut — Monohromatski urednički rad zasnovan na fotografiji oblaka - bijela tinta, dugmad na kutiji za tablete, jedna plava pruga boje u inače sivom svijetu.
- Scheduling — Urednička tinta na krem papiru
- Titan — toplotonska monohromatska arhiva
- Programa — Švicarski dizajnerski studio u podne. Bijeli zid galerije osvijetljen je jednom žutom stolnom lampom - sve je u nijansama sive dok ne upadne u oči neko dugme, ikona ili akcenat, a zatim taj jedan žuti akcenat definira cijelu sobu.
- Sana Agents — Sjaj limete na bijeloj pozadini u uvodniku
- Visual — Topli urednički samizdat. Kremasti papir, serifni posteri, monohromatske marginalije, jedan žuti marker.
- Midday — Uvodna brošura na velumu - naslov sa serifnim slovima veličine 72px na toploj kamenoj pozadini, tekst bez serifnih slova sa razmakom, kontrole u obliku pilule, bez sjena
- Chat for impact — Šumskozelena klinika sa sobama u pastelnim bojama