Bpco
Бетон плитадан жасалған типографиялық манифест. Үлкен Helvetica қаріпі фотосуретті қайталайтын қара-ақ баспа жинағы, ал негізгі қаріптің астындағы жалғыз мыжылған қағаз парағы ғана текстурасы бар.
Bigpicture веб-бетті шикі қағазға салынған баспа құралы сияқты қарастыратын монохромды редакциялау жүйесін пайдаланады. Интерфейс хроматикалық түстерден мүлдем айырылған, тек қара сияға, ақ кеңістікке, жұқа сызықтарға және біркелкі мыжылған қағаз текстурасына сүйеніп, атмосфера жасайды. Типография - бұл өнім: Helvetica Neue 700 нұсқасында тақырыптар 274 пиксельге дейін жетеді, бұл агрессивті теріс әріп аралығымен мәтінді әрбір экранда басым көрнекі массаға айналдырады. Бір аралықтағы жазулар ([01-N КІРІСПЕ], CREATIVE/AGENTLYK) баспа стиліндегі қолтаңбалар ретінде әрекет етеді, ал төрт бұрышты жылтыр белгішелер бөлімдер арасындағы жалғыз безендіру ретінде қызмет етеді. Орналасуы кең және өзін-өзі жариялауды еске түсіреді - бөлімдер арасындағы 72 пиксельдік аралық, 144-250 пиксельдік көлденең жиектер және 288 пиксельдік бұрыштары бар толық ендік кескін блоктары беттің бағдарламалық жасақтама бөлігі емес, галерея қабырғасы сияқты тыныс алуына мүмкіндік береді.
Максималды ені ~1440 пиксель, ортасында бөлім тығыздығына байланысты 40–144 пиксель көлденең толтырғыш бар. Негізгі сурет - қабаттасқан мәтіні бар толық енді сурет. Суреттің астында мазмұн орталықтандырылған мәтін блоктары мен шетінен шетіне дейінгі типография арасында кезектесіп орналасады. Беттің төменгі 60%-ы ұзын, айналдырылатын манифест, онда үлкен қаріп бүкіл қарау терезесінің енін жол-жол толтырады, жылтыр бөлгіштер қатарларымен бөлінген. Навигация - толық енді панель емес, қарау терезесінің жоғарғы жағында орналасқан қалқымалы жолақ. Төменгі колонтитул - жұқа жиегі бар жалғыз жолақ.
Негізгі экранда фотография басым — үлкен сәулет және сыртқы жарнама суреттері (билбордтар, ғимарат қаптамасы, көше деңгейіндегі жарнама) толық өлшемде, дөңгелек бұрыштарымен ұсынылған. Беттің төменгі бөліктеріне мыжылған қағаз текстурасы жағылған, бұл тактильді сезім тудырады және интерфейске басылған журналдың көрінісін береді. Сызықтармен салынған кішкентай глобус белгішесі жалғыз иллюстрациялық элемент болып табылады. 3D эффектілері, абстрактілі градиенттер, өнім макеттері жоқ — суреттер деректі, өнеркәсіптік сипатта және агенттіктің сыртқы жарнама портфолиосына негізделген.
Палитра
Бейтарап
- 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, тақырыптарды ең үлкен өлшемдерде -0.04em әріп аралығымен 75–274px етіп көрсету, навигация белгілері 15px.
- PPSupplyMono — ауыстыру: JetBrains Mono · контурлар 400 · [01-N КІРІСПЕ] сияқты мета тегтер мен жақша ішіндегі белгілер, сондай-ақ бөлім тегтері (ЖАРНАМА, ШЫҒАРМАШЫЛЫҚ/АГЕНТТІК, ОФФЛАЙН МАРКЕТИНГ) Helvetica-ның біркелкілігін бұзатын жалғыз типографиялық екпін болып табылады.
- PPSupplySans — ауыстыру: Inter · контурлар 400 · Төменгі колонтитулда басқа sans-serif қаріпі қажет болатын қосымша навигация және микрокөшірме.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 50px |
| Түйме радиусы | 8px |
| Карта радиусы | 20px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 72px |
| Беттің ені | 1440px |
Жасанды интеллект сіздің веб-сайтыңызды Bpco стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Steep — Жылы қағаздағы Serif қаріптерін талдау
- Newformcap — Киім ауыстыратын бөлмедегі редакциялық газет
- Claude — Жылы пергаментке басылған артефакт — сүйек қағазына сия, түстің жалғыз тынысы ретінде саз
- 11x– Digital workers — Кинематографиялық редакциялық шөл дала — сәнді журнал беттеріндегідей оқылатын монументалды сериф тақырыптарымен қоршалған ландшафттың панорамалық фотосуреттері
- Revolut — Ақ сия, таблетка қорабының түймелері, сұр түсті әлемдегі жалғыз көк жолақ сияқты бұлттардың фотосуретіне негізделген монохромды редакциялық жұмыс.
- Scheduling — Кремді қағазға басылған редакциялық сия
- Titan — жылы реңкті монохромды мұрағат
- Programa — Түскі уақыттағы швейцариялық дизайн студиясы. Ақ галерея қабырғасы бір сары үстел шамымен жарықтандырылған — бәрі сұр реңкте, түйме, белгіше немесе екпін көзге түскенше, содан кейін сол бір сары екпін бүкіл бөлмені анықтайды.
- Sana Agents — Бас мақаладағы ақ фондағы лайм жарқырауы
- Visual — Жылы редакциялық самиздат. Кремді қағаз, сериф плакаттары, монохромды жиектер, бір сары маркер.
- Midday — Пергаментке басылған редакциялық брошюра - жылы тас фонда 72 пиксельді serif тақырыбы, бос орын бар sans-serif негізгі мәтіні, таблетка тәрізді басқару элементтері, көлеңкесіз
- Chat for impact — Пастель түсті бөлмелері бар орман жасыл клиникасы