Bpco
Typografický manifest vyrobený z betónovej dosky. Čiernobiela tlačová sada, kde nadrozmerné písmo Helvetica napodobňuje fotografiu a jedinou textúrou je jeden list pokrčeného papiera pod hlavným písmom.
Bigpicture používa monochromatický editačný systém, ktorý s webovou stránkou zaobchádza ako s tlačenou tlačovou sadou rozloženou na surovom papieri. Rozhranie je úplne zbavené chromatických farieb, spolieha sa výlučne na čierny atrament, biely priestor, tenké čiary a jednotnú textúru pokrčeného papiera na vytvorenie atmosféry. Typografia je produkt: nadpisy dosahujú 274px v písme Helvetica Neue 700 s agresívnym negatívnym rozstupom písmen, vďaka čomu je text dominantnou vizuálnou hmotou na každej obrazovke. Titulky s rovnakým rozstupom ([01-N ÚVOD], KREATÍVA/AGENTÚRA) fungujú ako podpisy v štýle tlače a štvorcípe lesklé ikony slúžia ako jediná dekorácia medzi sekciami. Rozloženie je veľkorysé a pripomína self-publishing – medzery 72px medzi sekciami, horizontálne okraje 144-250px a obrazové bloky na celú šírku s rohmi 288px umožňujú stránke dýchať skôr ako galerijná stena než ako softvér.
Maximálna šírka je ~1440px, vycentrovaná s horizontálnym odsadením 40–144px v závislosti od hustoty sekcií. Hlavný obrázok je obrázok na celú šírku s prekrývajúcim textom. Pod obrázkom sa obsah strieda medzi centrovanými textovými blokmi a typografiou od okraja k okraju. Spodných 60 % stránky tvorí dlhý, posúvajúci sa manifest, pričom veľké písmo vypĺňa celú šírku výrezu riadok po riadku a je oddelené radmi lesklých oddeľovačov. Navigácia je tvorená plávajúcim panelom umiestneným v strede hornej časti výrezu, nie panelom na celú šírku. Päta je tvorená jedným pásom s tenkým okrajom.
Hlavnej obrazovke dominuje fotografia – veľké architektonické a vonkajšie reklamné obrázky (billboardy, obklady budov, reklama na úrovni ulice) prezentované v plnej veľkosti so zaoblenými rohmi. Spodné časti stránky sú prekryté pokrčeným papierom, ktorý vytvára hmatový pocit a dodáva rozhraniu vzhľad tlačeného časopisu. Jediným ilustratívnym prvkom je malá ikona glóbusu nakreslená čiarami. Žiadne 3D efekty, žiadne abstraktné prechody, žiadne makety produktov – obrázky sú dokumentárne, priemyselného charakteru a vychádzajú z portfólia vonkajšej reklamy agentúry.
Paleta
Neutrálny
- Press Ink
#121212— Hlavný text, tenké čiary, orámovanie sekcií, obrysy ikon a text päty používajú jeden tmavý tón, ktorý nesie 95 % všetkých informácií v popredí. - Paper White
#ffffff— Plátno stránky, kartónové povrchy, pozadie navigačného panela, povrchy s rámčekmi nadpisov. - Newsprint
#f1f1f1— Jemná povrchová výplň, mäkké okraje, tenké oddeľovače, tón skrytý za textúrou pokrčeného papiera. - Foil Gray
#e1e1e1— Svetelné rámy, akcenty vo forme obrysov ikon, ďalšie oddeľovače. - Mute Gray
#c5c5c5— Sekundárny text, stav postihnutia, povrchové čiary s nízkym kontrastom
Typografia
od 13 do 274px · 6 krokov
- Helvetica Neue — náhrada: Inter · obrysy 400, 500, 700 · Univerzálny nástroj – text tela s veľkosťou 17px/1,29, zobrazenie nadpisov s veľkosťou 75–274px s rozstupom písmen -0,04em pri najväčších veľkostiach, navigačné popisky s veľkosťou 15px
- PPSupplyMono — náhrada: JetBrains Mono · obrysy 400 · Meta tagy a označenia v zátvorkách, ako napríklad [01-N ÚVOD], ako aj tagy sekcií (REKLAMA, KREATÍVA/AGENTÚRA, OFFLINE MARKETING) sú jediné typografické akcenty, ktoré narúšajú monotónnosť Helveticu.
- PPSupplySans — náhrada: Inter · obrysy 400 · Sekundárna navigácia a mikrotext v päte, kde je potrebné použiť iné bezpätkové písmo.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 50px |
| Polomer tlačidla | 8px |
| Polomer karty | 20px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 72px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Bpco a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Steep — Analýza pätkových fontov na teplom papieri
- Newformcap — Redakčné noviny v šatni
- Claude — Artefakt vytlačený na teplom pergamene – atrament na kostnom papieri, hlina ako jediný náznak farby
- 11x– Digital workers — Filmová redakčná pustatina – panoramatické fotografie krajiny na pozadí monumentálnych pätkových titulkov, ktoré sa čítajú ako rozkladacia stránka luxusného časopisu.
- Revolut — Monochromatické redakčné dielo založené na fotografii oblakov – biely atrament, gombíky na krabičke s liekmi, jediný modrý pruh farby v inak šedom svete.
- Scheduling — Redakčný atrament na krémovom papieri
- Titan — teplý monochromatický archív
- Programa — Švajčiarske dizajnérske štúdio na poludnie. Bielu stenu galérie osvetľuje jediná žltá stolová lampa – všetko je v odtieňoch sivej, až kým neudrie pozornosť tlačidlo, ikona alebo akcent, a potom tento jediný žltý akcent definuje celú miestnosť.
- Sana Agents — Limetkový trblietanie na bielom pozadí v editoriáli
- Visual — Teplý redakčný samizdat. Krémový papier, pätkové plagáty, monochromatické okraje, jeden žltý fix.
- Midday — Redakčná brožúra na pergamene - 72px pätkový titulok na teplom kamennom pozadí, bezpätkový text s medzerami, ovládacie prvky v tvare tabletky, bez tieňov
- Chat for impact — Lesnozelená klinika s pastelovo farebnými izbami