Bpco
Тыпаграфічны маніфест з бетоннай пліты. Чорна-белы прэс-кіт, дзе павялічаны шрыфт Helvetica імітуе фатаграфію, а адзіная тэкстура – гэта адзін ліст скамечанай паперы пад асноўным шрыфтам
Кампанія Bigpicture выкарыстоўвае манахромную сістэму рэдагавання, якая разглядае вэб-старонку як друкаваны прэс-кіт, раскладзены на неапрацаванай паперы. Інтэрфейс цалкам пазбаўлены храматычных колераў і належыць выключна на чорныя чарнілы, белую прастору, тонкія лініі і адзіную тэкстуру мятай паперы для стварэння атмасферы. Друкарня – гэта прадукт: загалоўкі дасягаюць 274px шрыфта Helvetica Neue 700 з агрэсіўнай адмоўнай міжлітарнай адлегласцю, робячы тэкст дамінантнай візуальнай масай на кожным экране. Монашырынныя подпісы ([01-N УВОДЗІНЫ], КРЭАТЫЎ/АГЕНСТВА) выступаюць у якасці подпісаў у друкаваным стылі, а чатырохканцовыя бліскучыя значкі служаць адзіным упрыгожаннем паміж раздзеламі. Макет шчодры і нагадвае самвыд - 72px прамежкі паміж раздзеламі, 144-250px гарызантальныя водступы і блокі малюнкаў ва ўсю шырыню з 288px кутамі дазваляюць старонцы дыхаць, як сцяне галерэі, а не як праграмнаму прадукту.
Максімальная шырыня ~1440px, цэнтраваная з гарызантальным водступам 40–144px у залежнасці ад шчыльнасці частак. Герой - гэта выява ва ўсю шырыню старонкі з накладзеным тэкстам. Пад выявай кантэнт чаргуецца паміж цэнтраванымі тэкставымі блокамі і друкарскім афармленнем ад краю да краю. Ніжняя частка 60% старонкі ўяўляе сабой доўгі які пракручваецца маніфест, дзе буйны шрыфт запаўняе ўсю шырыню вобласці прагляду парадкова, падзелены шэрагамі бліскучых падзельнікаў. Навігацыя ўяўляе сабой якая плавае панэль, цэнтраваную ў верхняй частцы вобласці прагляду, а не панэль ва ўсю шырыню. Ніжні калантытул - гэта адна паласа з тонкай рамкай.
На галоўным экране дамінуе фатаграфія - буйныя архітэктурныя і вонкавыя рэкламныя здымкі (білборды, абліцоўванне будынкаў, размяшчэнне рэкламы на ўзроўні вуліц), прадстаўленыя ў поўны памер з закругленымі кутамі. Тэкстура мятай паперы накладваецца на ніжнія часткі старонкі, ствараючы тактыльнае адчуванне і надаючы інтэрфейсу выгляд друкаванага часопіса. Невялікі абразок глобуса, намаляваны лініямі, з'яўляецца адзіным ілюстрацыйным элементам. Ніякіх 3D-эфектаў, ніякіх абстрактных градыентаў, ніякіх макетаў прадукцыі – выявы носяць дакументальны, індустрыяльны характар і заснаваныя на партфоліё агенцтва ў галіне вонкавай рэкламы.
Палітра
Нейтральныя
- Press Ink
#121212— Асноўны тэкст, тонкія лініі, межы раздзелаў, абводка абразкоў, тэкст ніжняга калантытула - адзіны цёмны тон, які нясе ў сабе 95% усёй інфармацыі пярэдняга плана. - Paper White
#ffffff— Палатно старонкі, кардонныя паверхні, фон навігацыйнай панэлі, паверхні з рамкамі загалоўка. - Newsprint
#f1f1f1— Далікатнае заліванне паверхні, мяккія межы, тонкія падзельнікі, тон, схаваны за тэкстурай мятай паперы. - Foil Gray
#e1e1e1— Светлыя рамкі, акцэнты ў выглядзе абводкі абразкоў, дадатковыя падзельнікі. - Mute Gray
#c5c5c5— Другасны тэкст, стан інваліднасці, нізкакантрасныя паверхневыя лініі
Друкарня
ад 13 да 274px · 6 прыступак
- Helvetica Neue — замена: Inter · напісання 400, 500, 700 · Універсальная прылада - асноўны тэкст на ўзроўні 17px/1.29, загалоўкі для адлюстравання на экране на ўзроўні 75-274px з міжлітарнай адлегласцю -0.04em на самых вялікіх памерах, пазнакі навігацыі на ўзроўні 15px
- PPSupplyMono — замена: JetBrains Mono · напісання 400 · Метатэгі і подпісы ў дужках, такія як [01-N УВОДЗІНЫ], а таксама тэгі раздзелаў (РЭКЛАМА, КРЭАТЫЎ/АГЕНСТВА, ОФЛАЙН-МАРКЕТЫНГ) — гэта адзіныя друкарскія акцэнты, якія парушаюць манатоннасць шрыфта Helvetica.
- PPSupplySans — замена: Inter · напісання 400 · Другарадная рух і мікратэкст у ніжнім калантытуле, дзе патрабуецца іншы шрыфт без засечак.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 50px |
| Радыус кнопак | 8px |
| Радыус картак | 20px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 72px |
| Шырыня старонкі | 1440px |
ІІ збярэ ваш сайт у стылі Bpco і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Steep — Аналітыка шрыфтоў з засечкамі на паперы цёплага адцення
- Newformcap — Рэдакцыйная газета ў грымёрцы
- Claude — Надрукаваны на цёплым пергаменце артэфакт - чарніла на касцяной паперы, гліна як адзінае каляровае дыханне.
- 11x– Digital workers — Кінематаграфічная рэдакцыйная пустыня - панарамныя фатаграфіі мясцовасці на фоне манументальных загалоўкаў з засечкамі, дзе старонка чытаецца як разварот раскошнага часопіса
- Revolut — Манахромная рэдакцыйная праца, заснаваная на фатаграфіі аблокаў - белыя чарнілы, гузікі-таблеткі, адна сіняя палоска колеру ў свеце, у астатнім выкананым у шэрых танах
- Scheduling — Рэдакцыйная фарба на крэмавай паперы
- Titan — архіў у цёплых танах манахром
- Programa — Швейцарская дызайн-студыя апоўдні. Белая сцяна галерэі асветлена адзінай жоўтай настольнай лямпай - усё ў адценнях шэрага, пакуль якая-небудзь кнопка, значок або акцэнт не прыцягнуць увагу, і тады гэты адзіны жоўты акцэнт вызначае ўвесь пакой
- Sana Agents — Лаймавая іскра на белым фоне ў рэдакцыйным артыкуле
- Visual — Цёплы рэдакцыйны самвыд. Крэмавая папера, плакаты з засечкамі, манахромныя нататкі на палях, адзін жоўты маркер
- Midday — Рэдакцыйная брашура на пергаменце - загаловак з засечкамі 72px на фоне цёплага каменнага фону, асноўны тэкст без засечак з інтэрвалам, элементы кіравання ў форме таблетак, адсутнасць ценяў
- Chat for impact — Клініка лясной зеляніны з пакоямі пастэльных тонаў