Bpco
Typografický manifest vyrobený z betonové desky. Černobílá tisková sada, kde nadrozměrné písmo Helvetica napodobuje fotografii a jedinou texturou je jediný list zmačkaného papíru pod hlavním písmem.
Bigpicture používá monochromatický editační systém, který s webovou stránkou zachází jako s tištěnou tiskovou sadou rozloženou na surovém papíře. Rozhraní zcela postrádá chromatické barvy a pro vytvoření atmosféry se spoléhá výhradně na černý inkoust, bílý prostor, tenké čáry a jednotnou texturu zmačkaného papíru. Typografie je produkt: nadpisy dosahují velikosti 274 pixelů v písmu Helvetica Neue 700 s agresivním negativním řádkováním písmen, díky čemuž je text dominantní vizuální hmotou na každé obrazovce. Titulky s pevnou šířkou ([01-N ÚVOD], KREATIVA/AGENTURA) fungují jako podpisy v tištěném stylu a čtyřcípé lesklé ikony slouží jako jediná dekorace mezi sekcemi. Rozvržení je velkorysé a připomíná self-publishing – mezery 72 pixelů mezi sekcemi, horizontální okraje 144–250 pixelů a obrazové bloky na celou šířku s rohy o velikosti 288 pixelů umožňují stránce dýchat spíše jako galerijní stěna než jako software.
Maximální šířka je ~1440px, vystředěná s horizontálním odsazením 40–144px v závislosti na hustotě sekcí. Hlavní obrázek je obrázek na celou šířku s překrývajícím se textem. Pod obrázkem se střídá obsah mezi centrovanými textovými bloky a typografií od okraje k okraji. Spodní 60 % stránky tvoří dlouhý, posouvající se manifest, kde velký text vyplňuje celou šířku zobrazovacího pole řádek po řádku a je oddělen řadami lesklých oddělovačů. Navigace je tvořena plovoucím panelem uprostřed horní části zobrazovacího pole, nikoli panelem na celou šířku. Zápatí je tvořeno jedním proužkem s tenkým okrajem.
Hlavní obrazovce dominuje fotografie – velké architektonické a venkovní reklamní snímky (billboardy, obklady budov, reklama na úrovni ulice) prezentované v plné velikosti se zaoblenými rohy. Spodní části stránky jsou překryty zmačkanou papírovou texturou, která vytváří hmatový pocit a dodává rozhraní vzhled tištěného časopisu. Jediným ilustrativním prvkem je malá ikona glóbu nakreslená čarami. Žádné 3D efekty, žádné abstraktní přechody, žádné makety produktů – snímky jsou dokumentární, industriálního charakteru a vycházejí z portfolia venkovní reklamy agentury.
Paleta
Neutrální
- Press Ink
#121212— Text těla, tenké čáry, ohraničení sekcí, obrysy ikon a text zápatí používají jeden tmavý tón, který nese 95 % všech informací v popředí. - Paper White
#ffffff— Plátno stránky, kartonové povrchy, pozadí navigační lišty, povrchy s rámečky titulků. - Newsprint
#f1f1f1— Jemná povrchová výplň, měkké okraje, tenké oddělovače, tón skrytý za texturou zmačkaného papíru. - Foil Gray
#e1e1e1— Světelné rámečky, akcenty ve formě obrysů ikon, další dělicí přepážky. - Mute Gray
#c5c5c5— Sekundární text, stav postižení, povrchové linky s nízkým kontrastem
Typografie
od 13 do 274 pixelů · 6 kroků
- Helvetica Neue — nahrazení: Inter · obrysy 400, 500, 700 · Univerzální nástroj - text v hlavní části o velikosti 17px/1,29, nadpisy o velikosti 75–274px s roztečí písmen -0,04em u největších velikostí, navigační popisky o velikosti 15px
- PPSupplyMono — nahrazení: JetBrains Mono · obrysy 400 · Meta tagy a popisky v závorkách, jako například [01-N ÚVOD], a také tagy sekcí (REKLAMA, KREATIVA/AGENTURA, OFFLINE MARKETING) jsou jediné typografické akcenty, které narušují monotónnost Helveticu.
- PPSupplySans — nahrazení: Inter · obrysy 400 · Sekundární navigace a mikrotext v zápatí, kde je vyžadováno jiné bezpatkové písmo.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 50px |
| Poloměr tlačítka | 8px |
| Poloměr karty | 20px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 72px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Bpco a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Steep — Analýza patkových fontů na teplém papíře
- Newformcap — Redakční noviny v šatně
- Claude — Artefakt vytištěný na teplém pergamenu – inkoust na kostěném papíře, hlína jako jediný závan barvy
- 11x– Digital workers — Filmová redakční pustina – panoramatické fotografie krajiny zasazené do monumentálních patkových titulků, které se čtou jako roztažený luxusní časopis.
- Revolut — Monochromatické redakční dílo založené na fotografii mraků – bílý inkoust, knoflíky od krabičky s léky, jediný modrý barevný pruh v jinak šedém světě.
- Scheduling — Redakční tuš na krémovém papíře
- Titan — teple tónovaný monochromatický archiv
- Programa — Švýcarské designové studio v poledne. Bílou stěnu galerie osvětluje jediná žlutá stolní lampa – vše je v odstínech šedé, dokud nezaujme tlačítko, ikona nebo akcent, a pak tento jediný žlutý akcent definuje celou místnost.
- Sana Agents — Limetkový třpyt na bílém pozadí v redakci
- Visual — Teplý redakční samizdat. Krémový papír, patkové plakáty, černobílé okraje, jeden žlutý fix.
- Midday — Redakční brožura na pergamenu - 72px patkový titulek na teplém kamenném pozadí, bezpatkový text s řádkováním, ovládací prvky ve tvaru pilulky, bez stínů
- Chat for impact — Lesně zelená klinika s pastelově zbarvenými pokoji