Bpco
Типографски манифест направљен од бетонске плоче. Црно-бели комплет за штампу где превелики фонт Helvetica имитира фотографију, а једина текстура је један лист згужваног папира испод главног фонта.
Bigpicture користи монохроматски систем за уређивање који третира веб страницу као штампани комплет за штампу постављен на сировом папиру. Интерфејс је потпуно лишен хроматских боја, ослањајући се искључиво на црно мастило, бели простор, танке линије и једноличну текстуру згужваног папира како би се створила атмосфера. Типографија је производ: наслови достижу 274 пиксела у Helvetica Neue 700 са агресивним негативним размаком између слова, чинећи текст доминантном визуелном масом на сваком екрану. Моноразмакнути натписи ([01-N УВОД], КРЕАТИВ/АГЕНЦИЈА) делују као потписи у стилу штампе, а четворокраке сјајне иконе служе као једина декорација између одељака. Распоред је великодушан и подсећа на самоиздавање — размаци од 72 пиксела између одељака, хоризонталне маргине од 144-250 пиксела и блокови слика пуне ширине са угловима од 288 пиксела омогућавају страници да дише као зид галерије, а не као комад софтвера.
Максимална ширина је ~1440 пиксела, центрирана са хоризонталним размаком од 40–144 пиксела у зависности од густине секције. Главна слика је слика пуне ширине са преклапајућим текстом. Испод слике, садржај се смењује између центрираних блокова текста и типографије од ивице до ивице. Доњих 60% странице је дугачак, покретни манифест, са великим словима који испуњавају целу ширину приказа ред по ред, одвојени редовима сјајних раздела. Навигација је плутајућа трака центрирана на врху приказа, уместо панела пуне ширине. Подножје је једна трака са танким оквиром.
Фотографија доминира главним екраном – велике архитектонске и спољашње рекламне слике (билборди, облоге зграда, рекламе на нивоу улице) приказане су у пуној величини са заобљеним угловима. Текстура згужваног папира је преклопљена преко доњих делова странице, стварајући тактилни осећај и дајући интерфејсу изглед штампаног часописа. Мала икона глобуса, нацртана линијама, једини је илустративни елемент. Без 3Д ефеката, без апстрактних градијената, без макета производа – слике су документарне, индустријске природе и засноване на портфолију агенције за спољашње оглашавање.
Палета
Неутрално
- Press Ink
#121212— Текст тела, танке линије, ивице одељака, обриси икона и текст подножја користе један тамни тон који носи 95% свих информација у првом плану. - Paper White
#ffffff— Платно странице, картонске површине, позадина навигационе траке, површине са оквирима за наслове. - Newsprint
#f1f1f1— Деликатно површинско пуњење, меке ивице, танке преграде, тон скривен иза текстуре згужваног папира. - Foil Gray
#e1e1e1— Светлосни оквири, акценти у облику обриса икона, додатни разделници. - Mute Gray
#c5c5c5— Секундарни текст, статус инвалидитета, површинске линије са ниским контрастом
Типографија
од 13 до 274 пиксела · 6 корака
- Helvetica Neue — замена: Inter · обриси 400, 500, 700 · Универзални алат - текст тела на 17px/1.29, приказ наслова на 75–274px са размаком између слова од -0.04em за највеће величине, навигационе ознаке на 15px
- PPSupplyMono — замена: JetBrains Mono · обриси 400 · Мета ознаке и ознаке у заградама као што је [01-N УВОД], као и ознаке одељака (РЕКЛАМА, КРЕАТИВ/АГЕНЦИЈА, ОФЛАЈН МАРКЕТИНГ) су једини типографски акценти који разбијају монотонију Хелветике.
- 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 — Уредничка брошура на пергаменту - наслов са серифним словима величине 72 пиксела на топлој каменој позадини, текст без серифних слова са размаком, контроле у облику пилуле, без сенки
- Chat for impact — Шумскозелена клиника са собама у пастелним бојама