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 · Вторична навигация и микротекст в долния колонтитул, където е необходим различен шрифт sans-serif.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | средно |
| Основна стъпка | 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 — Клиника в горскозелено с пастелно оцветени стаи