Bpco
Beton plitədən hazırlanmış tipoqrafik manifest. Böyük ölçülü Helvetica şriftinin fotoşəkili təqlid etdiyi və yeganə teksturasının əsas şriftin altındakı əzilmiş bir vərəq kağız olduğu ağ-qara çap dəsti.
Bigpicture, veb səhifəni xam kağız üzərində düzülmüş çap dəsti kimi qəbul edən monoxrom redaktə sistemindən istifadə edir. İnterfeys tamamilə xromatik rənglərdən məhrumdur və atmosfer yaratmaq üçün yalnız qara mürəkkəb, ağ boşluq, nazik xətlər və əzilmiş kağızın vahid teksturasından istifadə edir. Tipoqrafiya məhsuldur: Helvetica Neue 700-də başlıqlar aqressiv mənfi hərf aralığı ilə 274 pikselə çatır və mətni hər ekranda dominant vizual kütləyə çevirir. Bir boşluqlu başlıqlar ([01-N GİRİŞ], YARADICI/AGENTLİK) çap stili imzaları kimi çıxış edir və dörd guşəli parlaq nişanlar bölmələr arasında yeganə bəzək rolunu oynayır. Dizayn səxavətlidir və özünü nəşr etməyi xatırladır — bölmələr arasında 72 piksel boşluqlar, 144-250 piksel üfüqi kənarlar və 288 piksel küncləri olan tam enli şəkil blokları səhifənin proqram təminatı parçası deyil, qalereya divarı kimi nəfəs almasına imkan verir.
Maksimum eni ~1440 pikseldir, mərkəzdə bölmə sıxlığından asılı olaraq 40-144 piksel üfüqi boşluq var. Qəhrəman şəkli, üst-üstə düşən mətni olan tam enli bir şəkildir. Şəklin altında, məzmun mərkəzləşdirilmiş mətn blokları və kənardan kənara tipoqrafiya arasında növbələşir. Səhifənin aşağı 60%-i, parlaq bölücülər sıraları ilə ayrılmış, bütün baxış sahəsinin eni boyunca sətir-sətir dolduran böyük şriftlə uzun, sürüşdürülən bir manifestdir. Naviqasiya, tam enli panel əvəzinə, baxış sahəsinin yuxarı hissəsində mərkəzləşdirilmiş üzən bir zolaqdır. Altbilgi nazik haşiyəli tək bir zolaqdır.
Əsas ekranda fotoqrafiya üstünlük təşkil edir — böyük memarlıq və açıq hava reklam şəkilləri (bilbordlar, bina üzlüyü, küçə səviyyəli reklam) tam ölçülü və dairəvi küncləri ilə təqdim olunur. Səhifənin aşağı hissələrinə əzilmiş kağız teksturası çəkilib ki, bu da toxunma hissi yaradır və interfeysə çap olunmuş jurnal görünüşü verir. Xətlərlə çəkilmiş kiçik bir qlobus ikonası yeganə illüstrativ elementdir. 3D effektləri, mücərrəd qradiyentlər, məhsul maketləri yoxdur — şəkillər sənədli, sənaye xarakterlidir və agentliyin açıq hava reklam portfelinə əsaslanır.
Palitra
Neytral
- Press Ink
#121212— Əsas mətn, nazik xətlər, bölmə sərhədləri, işarə konturları və altbilgi mətni bütün ön plan məlumatlarının 95%-ni daşıyan tək bir tünd tondan istifadə edir. - Paper White
#ffffff— Səhifə kətanları, karton səthlər, naviqasiya panelinin arxa fonu, başlıq çərçivələri olan səthlər. - Newsprint
#f1f1f1— Zərif səth doldurucusu, yumşaq haşiyələr, nazik bölücülər, əzilmiş kağızın teksturasının arxasında gizlənmiş ton. - Foil Gray
#e1e1e1— İşıq çərçivələri, ikon konturları şəklində vurğular, əlavə bölücülər. - Mute Gray
#c5c5c5— İkinci dərəcəli mətn, əlillik statusu, aşağı kontrastlı səth xətləri
Tipoqrafiya
13-dən 274 pikselə qədər · 6 addım
- Helvetica Neue — əvəzetmə: Inter · konturlar 400, 500, 700 · Universal bir vasitə - əsas mətn 17px/1.29 ölçüdə, başlıqlar ən böyük ölçülərdə -0.04em hərf aralığı ilə 75–274px ölçüdə, naviqasiya etiketləri isə 15px ölçüdə göstərilir.
- PPSupplyMono — əvəzetmə: JetBrains Mono · konturlar 400 · [01-N GİRİŞ] kimi meta etiketlər və mötərizə etiketləri, eləcə də bölmə etiketləri (REKLAM, YARADICI/AGENTLİK, OFFLİNE MARKETİNQ) Helvetica-nın monotonluğunu pozan yeganə tipoqrafik vurğulardır.
- PPSupplySans — əvəzetmə: Inter · konturlar 400 · Fərqli sans-serif şriftinin tələb olunduğu altbilgidə ikinci dərəcəli naviqasiya və mikrokopiya.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 50px |
| Düymə radiusu | 8px |
| Kart radiusu | 20px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 72px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Bpco üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Steep — İsti Kağızda Serif Şriftlərinin Təhlili
- Newformcap — Soyunma otağında redaksiya qəzeti
- Claude — İsti perqamentə çap olunmuş bir əsər - sümük kağızına mürəkkəb, rəngin yeganə nəfəsi gildir
- 11x– Digital workers — Kinematoqrafik redaksiya çölü — lüks jurnalın yaydığı kimi oxunan monumental serif başlıqlarına qarşı mənzərənin panoramik fotoşəkilləri
- Revolut — Buludların — ağ mürəkkəb, həb qutusu düymələri, boz rəngli bir dünyada tək mavi zolağın — fotoşəkilinə əsaslanan monoxrom redaksiya əsəri.
- Scheduling — Krem kağız üzərində redaksiya mürəkkəbi
- Titan — isti tonlu monoxrom arxiv
- Programa — Günorta saatlarında İsveçrə dizayn studiyası. Ağ qalereya divarı tək sarı masa lampası ilə işıqlandırılıb - hər şey boz çalarlardadır, ta ki bir düymə, işarə və ya vurğu diqqəti cəlb edənə qədər və sonra həmin tək sarı vurğu bütün otağı müəyyən edir.
- Sana Agents — Redaksiyada ağ fonda əhəng parıltısı
- Visual — İsti redaksiya samizdatı. Kremli kağız, serif plakatlar, monoxrom marjinaliya, bir sarı marker.
- Midday — Perqament üzərində redaksiya broşürü - isti daş fonunda 72 piksel serif başlıq, aralıqlarla sans-serif əsas mətn, həb formalı idarəetmə elementləri, kölgəsiz
- Chat for impact — Pastel rəngli otaqları olan meşə yaşıl klinikası