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 monokromatski sustav uređivanja koji web stranicu tretira kao tiskani press kit postavljen na sirovom papiru. Sučelje je potpuno lišeno kromatskih boja, oslanjajući se isključivo na crnu tintu, bijeli prostor, tanke linije i ujednačenu teksturu zgužvanog papira za stvaranje atmosfere. Tipografija je proizvod: naslovi dosežu 274px u Helvetica Neue 700 s agresivnim negativnim razmakom između slova, čineći tekst dominantnom vizualnom masom na svakom zaslonu. Natpisi s jednostrukim razmakom ([01-N UVOD], KREATIV/AGENCIJA) djeluju kao potpisi u stilu tiska, a sjajne ikone s četiri kraka služe kao jedini ukras između odjeljaka. Izgled 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 s kutovima od 288px omogućuju stranici da diše poput galerije, a ne kao softver.
Maksimalna širina je ~1440px, centrirano s horizontalnim razmakom od 40–144px, ovisno o gustoći sekcije. Glavna slika je slika pune širine s preklapajućim tekstom. Ispod slike, sadržaj se izmjenjuje između centriranih blokova teksta i tipografije od ruba do ruba. Donjih 60% stranice je dugi, pomični manifest, s velikim fontom koji ispunjava cijelu širinu prikaza redak po redak, odvojen redovima sjajnih razdjelnika. Navigacija je plutajuća traka centrirana na vrhu prikaza, a ne ploča pune širine. Podnožje je jedna traka s tankim rubom.
Fotografija dominira glavnim zaslonom - velike arhitektonske i slike vanjskog oglašavanja (jumbo plakati, obloge zgrada, oglašavanje na razini ulice) prikazane su u punoj veličini sa zaobljenim kutovima. Tekstura zgužvanog papira prekriva donje dijelove stranice, stvarajući taktilni osjećaj i dajući sučelju izgled tiskanog č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 temelje se na portfelju agencije za vanjsko oglašavanje.
Paleta
Neutralno
- Press Ink
#121212— Tijelo teksta, tanke linije, obrubi odjeljaka, 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 s 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 gumba | 8px |
| Radijus kartice | 20px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 72px |
| Širina stranice | 1440px |
Umjetna inteligencija će izraditi vašu web stranicu u Bpco stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja 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 krajolika nasuprot monumentalnim serifnim naslovima koji se čitaju poput luksuzne časopisne duplerice
- Revolut — Monokromatski urednički rad temeljen na fotografiji oblaka - bijela tinta, gumbi kutijice za tablete, jedna plava pruga boje u inače sivom svijetu.
- Scheduling — Urednička tinta na krem papiru
- Titan — toplotonska monokromatska 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 gumb, ikona ili naglasak, a zatim taj jedan žuti naglasak definira cijelu sobu.
- Sana Agents — Svjetlucanje limete na bijeloj pozadini u uvodniku
- Visual — Topli urednički samizdat. Kremasti papir, serifni plakati, monokromatske marginalije, jedan žuti marker.
- Midday — Uvodna brošura na velumu - 72px serifni naslov na toploj kamenoj pozadini, sans-serifni tekst s razmacima, kontrole u obliku tablete, bez sjena
- Chat for impact — Šumskozelena klinika s pastelnim sobama