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
- 1X NEO — 1X Tech je tiché domácí kino. Bledá stránka s redakčním textem se otevírá filmovými scénami lidí a humanoidního robota, zatímco prvky rozhraní jsou redukovány na drobné, rozložené titulky a měkké černobílé obrázky.
- B150 — Mistrovská třída filmového zrna budoucnosti. Vytváření jasných, krémových redakčních sekcí na pozadí tmavých obrázků produktů a tvůrců v lidské velikosti.
- Captions — Sluncem zalitý střihový stůl. Umístěte průsvitný, zakřivený navigační panel nad ostrý, bílý a mírně hlučný pracovní prostor a doplňte ho světle modrými pracovními plochami a detailními záběry.
- 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
- AWE — Robotická observatoř po půlnoci. Vytvořte černé obrazovky podobné galeriím, kde se bledý redakční text vznáší nad obrázky poháněnými umělou inteligencí a drobným textem na řídicím panelu.
- 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.