Bpco
Бетон плитадан жасалган типографиялык манифест. Чоң Helvetica шрифти сүрөттү туураган кара жана ак басма комплекти, ал эми текстурасы негизги шрифттин астындагы бир барак бырышып калган кагаздан турат.
Bigpicture веб-баракчаны чийки кагазга жайылган басмакана комплекти сыяктуу караган монохромдуу түзөтүү системасын колдонот. Интерфейс хроматикалык түстөрдөн толугу менен куру калган, атмосфера түзүү үчүн кара сыяга, ак боштукка, ичке сызыктарга жана бир тектүү бырышкан кагаз текстурасына таянат. Типография - бул продукт: Helvetica Neue 700дө аталыштар 274 пикселге жетет, агрессивдүү терс тамга аралыктары менен текстти ар бир экранда басымдуу визуалдык массага айлантат. Бир аралыктуу коштомо жазуулар ([01-N КИРИШҮҮ], CREATIVE/AGENCY) басма стилиндеги кол тамгалар катары кызмат кылат, ал эми төрт учтуу жалтырак сүрөтчөлөр бөлүмдөрдүн ортосундагы жалгыз кооздук катары кызмат кылат. Макет кең жана өзүн-өзү басып чыгарууну эске салат — бөлүмдөрдүн ортосундагы 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 өлчөмүндө, аталыштарды 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 шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана 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 — Пастел түстөгү бөлмөлөрү бар токой жашыл клиникасы