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 ОРШИЛ] гэх мэт мета шошго болон хаалтанд байгаа шошго, мөн хэсгийн шошго (ADVERTISING, CREATIVE/AGENCY, OFFLINE MARKETING) нь Helvetica-ийн нэгэн хэвийн байдлыг эвддэг цорын ганц хэвлэмэл өргөлт юм.
- PPSupplySans — солих: Inter · тоймууд 400 · Өөр sans-serif фонт шаардлагатай хөл хэсэгт хоёрдогч навигаци болон бичил хуулбар.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 50px |
| Товчлуурын радиус | 8px |
| Картын радиус | 20px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 72px |
| Хуудасны өргөн | 1440px |
Хиймэл оюун ухаан таны вэбсайтыг Bpco хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Steep — Халуун цаасан дээрх Сериф фонтын шинжилгээ
- Newformcap — Хувцас солих өрөөнд байгаа редакцийн сонин
- Claude — Дулаан илгэн дээр хэвлэсэн эд өлгийн зүйл - ясны цаасан дээр бэх, өнгөний цорын ганц амьсгал нь шавар юм
- 11x– Digital workers — Кино урлагийн редакцийн цөл газар—тансаг зэрэглэлийн сэтгүүлийн хэвлэгдсэн мэт гайхалтай сериф гарчигтай харьцуулсан газрын ландшафтын панорама зургууд
- Revolut — Үүлсийн гэрэл зураг дээр үндэслэсэн монохром редакцийн бүтээл - цагаан бэх, эмний хайрцагны товчлуурууд, саарал өнгийн ертөнц дэх ганц цэнхэр судал.
- Scheduling — Цөцгийтэй цаасан дээрх редакцийн бэх
- Titan — дулаан өнгөтэй монохром архив
- Programa — Үд дундын Швейцарийн дизайны студи. Цагаан галерейн ханыг ганц шар ширээний чийдэн гэрэлтүүлж байна. Бүх зүйл саарал өнгөтэй харагдаж, товчлуур, дүрс эсвэл чимэглэл нүдэнд тусах хүртэл, дараа нь тэр ганц шар чимэглэл өрөөг бүхэлд нь тодорхойлно.
- Sana Agents — Редакцийн хуудсан дээрх цагаан дэвсгэр дээр шохойн гялалзсан зураг
- Visual — Дулаан редакцийн самиздат. Цөцгий өнгийн цаас, сериф зурагт хуудас, монохром захидал, нэг шар өнгийн маркер.
- Midday — Илгэн дээрх редакцийн товхимол - дулаан чулуун дэвсгэр дээр 72 пикселийн сериф гарчиг, зайтай sans-serif үндсэн хуулбар, эм хэлбэртэй удирдлага, сүүдэргүй
- Chat for impact — Пастел өнгийн өрөөнүүдтэй ойн ногоон эмнэлэг