Bpco
Beton bir levhadan yapılmış tipografik bir manifesto. Büyük boyutlu Helvetica yazı tipinin bir fotoğrafı taklit ettiği ve tek dokunun ana yazı tipinin altında buruşmuş tek bir kağıt yaprağı olduğu siyah beyaz bir basın kiti.
Bigpicture, web sayfasını ham kağıda basılmış bir basın kiti gibi ele alan tek renkli bir düzenleme sistemi kullanır. Arayüz tamamen kromatik renklerden arındırılmış olup, atmosfer yaratmak için yalnızca siyah mürekkep, beyaz boşluk, ince çizgiler ve buruşuk kağıdın tekdüze dokusuna dayanır. Tipografi bir üründür: Başlıklar, agresif negatif harf aralığıyla Helvetica Neue 700'de 274 piksele ulaşarak metni her ekranda baskın görsel kütle haline getirir. Tek aralıklı başlıklar ([01-N GİRİŞ], YARATICI/AJANS) baskı tarzı imzalar gibi davranır ve dört köşeli parlak simgeler bölümler arasındaki tek dekorasyon görevi görür. Düzen cömerttir ve kendi kendine yayıncılığı anımsatır; bölümler arasında 72 piksel boşluklar, 144-250 piksel yatay kenar boşlukları ve 288 piksel köşeli tam genişlikte resim blokları, sayfanın bir yazılım parçası yerine bir galeri duvarı gibi nefes almasını sağlar.
Maksimum genişlik yaklaşık 1440 piksel olup, bölüm yoğunluğuna bağlı olarak 40-144 piksel yatay dolgu ile ortalanmıştır. Ana görsel, üzerine metin yerleştirilmiş tam genişlikte bir görseldir. Görselin altında, ortalanmış metin blokları ve kenardan kenara tipografi arasında değişen içerik bulunur. Sayfanın alt %60'ı, büyük harflerle tüm görünüm alanını satır satır dolduran ve parlak ayırıcılarla ayrılmış uzun, kaydırılabilir bir manifestodur. Navigasyon, tam genişlikte bir panel yerine, görünüm alanının üst kısmında ortalanmış kayan bir çubuktur. Altbilgi, ince bir kenarlığa sahip tek bir şerittir.
Ana ekranda fotoğraflar hakim; büyük mimari ve dış mekan reklam görselleri (billboardlar, bina cepheleri, sokak seviyesindeki reklamlar) yuvarlak köşelerle tam boyutta sunuluyor. Sayfanın alt kısımlarına buruşuk kağıt dokusu eklenerek dokunsal bir his yaratılıyor ve arayüze basılı bir dergi görünümü veriliyor. Çizgilerle çizilmiş küçük bir dünya küresi simgesi, tek illüstratif öğe. 3D efektler, soyut gradyanlar, ürün maketleri yok; görseller belgesel niteliğinde, endüstriyel ve ajansın dış mekan reklam portföyüne dayanıyor.
Palet
Doğal
- Press Ink
#121212— Gövde metni, ince çizgiler, bölüm kenarlıkları, simge çerçeveleri ve altbilgi metni, ön plandaki bilgilerin %95'ini taşıyan tek bir koyu ton kullanır. - Paper White
#ffffff— Sayfa tuvali, karton yüzeyler, gezinme çubuğu arka planı, başlık çerçeveli yüzeyler. - Newsprint
#f1f1f1— İnce yüzey dolgusu, yumuşak kenarlar, ince ayırıcılar, buruşuk kağıt dokusunun ardında gizlenmiş ton. - Foil Gray
#e1e1e1— Hafif çerçeveler, simge ana hatları şeklinde vurgular, ek ayırıcılar. - Mute Gray
#c5c5c5— İkincil metin, engellilik durumu, düşük kontrastlı yüzey çizgileri
Tipografi
13 ila 274 piksel arası · 6 adım
- Helvetica Neue — yenisiyle değiştirme: Inter · ana hatlar 400, 500, 700 · Evrensel bir araç - gövde metni 17px/1.29, başlıklar 75–274px boyutlarında ve en büyük boyutlarda -0.04em harf aralığıyla, gezinme etiketleri 15px boyutunda.
- PPSupplyMono — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400 · [01-N GİRİŞ] gibi meta etiketler ve parantez içi etiketler ile bölüm etiketleri (REKLAM, YARATICI/AJANS, ÇEVRİMDIŞI PAZARLAMA), Helvetica'nın monotonluğunu kıran tek tipografik unsurlardır.
- PPSupplySans — yenisiyle değiştirme: Inter · ana hatlar 400 · Altbilgide farklı bir sans-serif yazı tipinin gerektiği yerlerde ikincil gezinme ve mikro metin.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 50px |
| Düğme yarıçapı | 8px |
| Kart yarıçapı | 20px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 72px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Bpco tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Steep — Sıcak Kağıt Üzerinde Serif Yazı Tiplerinin Analizi
- Newformcap — Soyunma odasındaki köşe yazısı gazetesi
- Claude — Sıcak parşömen üzerine basılmış bir eser—kemik kağıdı üzerine mürekkep, tek renk cümbüşü kilden ibaret.
- 11x– Digital workers — Sinematik bir editoryal çoraklık alanı—lüks bir dergi sayfasını andıran, görkemli serif başlıklar önünde manzaranın panoramik fotoğrafları.
- Revolut — Bulutların fotoğrafından yola çıkılarak oluşturulmuş, tek renkli bir editoryal çalışma: beyaz mürekkep, kutu düğmeleri, gri tonlu bir dünyada tek bir mavi renk şeridi.
- Scheduling — Editör mürekkebiyle krem rengi kağıt üzerine baskı.
- Titan — sıcak tonlu tek renkli arşiv
- Programa — Öğle vakti bir İsviçre tasarım stüdyosu. Beyaz galeri duvarı tek bir sarı masa lambasıyla aydınlatılıyor; her şey gri tonlarında, ta ki bir düğme, simge veya vurgu göze çarpana kadar; o zaman da o tek sarı vurgu tüm odayı tanımlıyor.
- Sana Agents — Editörlük çalışmasında beyaz arka plan üzerinde limon yeşili parıltı.
- Visual — Sıcak bir editoryal samizdat. Krem rengi kağıt, serifli posterler, siyah beyaz kenar notları, bir sarı kalem.
- Midday — Parşömen üzerine basılmış editoryal broşür - sıcak taş rengi arka plan üzerinde 72 punto serif başlık, aralıklı sans-serif gövde metni, hap şeklinde kontrol düğmeleri, gölge yok.
- Chat for impact — Pastel renkli odalara sahip orman yeşili bir klinik.