COS
beyaz duvarlı, modern bir galeri
COS, çağdaş bir sanat galerisinin görsel dilini kullanıyor: geniş beyaz duvarlar, büyük formatlı tek renkli fotoğraflar ve modellerle çakışmayan tipografi. Arayüz neredeyse renksizdir—akromatik—tek yapısal kontrast olarak saf beyaz (#ffffff) üzerinde neredeyse siyah (#080808) kullanır ve acil ancak abartılı olmaması gereken anlar için ince bir vurgu olarak tek bir kırmızı dokunuşu (#c80000) saklıdır. Boşluklar geniş ve editoryal olarak uygundur, bölüm girintileri 135 piksele ulaşır ve bileşenler sayfaya karışır: #dadada üzerinde ince kenarlıklar, gölge yok, gradyan yok, yuvarlak köşeler yok. Tipografi (SuisseIntl) tek süslemedir—12 piksellik mikro etiketlerden 35 piksellik kategori açıklamalarına kadar tutarlı kalan, galerinin yazı tiplerini çağrıştırmak için hafifçe pozitife doğru kayan tek bir grotesk yazı tipi ailesi.
Tam yükseklikte sayfa modeli—tuval, maksimum genişlik sınırı olmaksızın kenardan kenara uzanır ve içerik, ortalanmış bir sütun yerine bölücü görseller ve beyaz boşlukla sabitlenir. Ana görsel, iki tam genişlikte editoryal portrenin dikey olarak %50/%50 oranında bölünmesinden oluşur ve markanın yapısal kartviziti görevi görecek kadar baskındır. Ana görselin altında, bölümler beyaz bir arka plan üzerinde metin blokları (ortalanmış, tek sütun halinde) ve ek tam yükseklikte görseller arasında dönüşümlü olarak yer alır. Dikey ritim geniştir: bölümler arasındaki boşluklar, bir müze duvarındaki gibi şeritler arasında bir alan hissi yaratır. Navigasyon, ortalanmış bir logo ve sağa hizalanmış bir yerel ayar seçiciye sahip tek bir ince beyaz şerittir—ana çerçevede yatay bir kategori çubuğu veya mega menü görünmez. Bilgi yoğunluğu düşüktür: bölüm başına bir ifade, fikir başına bir görsel.
Sayfanın büyük bir bölümünü büyük formatlı moda fotoğrafları domine ediyor—modellerin tam boy portreleri ve üç çeyrek boy çekimleri, kontrollü stüdyo aydınlatması altında, çoğunlukla nötr ve sıcak tonlarla, sade bir şekilde sunuluyor. Görüntüler sıkıca yerleştirilmiş, yuvarlak köşeler, dekoratif maskeler veya üst üste bindirilmiş çerçeveler olmadan, kenardan kenara alanı dolduruyor. İmza niteliğindeki bir teknik ise "yan yana iki portre" (MUJER / HOMBRE) çerçevesi: eşit derecede önemli iki portre yan yana yerleştirilmiş, her birinin sol alt köşesinde tek bir kategori etiketi bulunuyor. Fotoğraflar galeri baskıları gibi çerçevelenmiş—konu ön planda, bağlam yok, insan ölçeği yok ve palet tek renkli. Hayattan sahneler yok, aksesuarlar yok, dokulu arka planlar yok.
Palet
Doğal
- Canvas White
#ffffff— Göze batmayan bir arka plan oluşturmak ve bölümleri ayırmak için kullanılan hafif bir destekleyici yüzeydir. Eylem çağrısı için ana renk olarak kullanılmamalıdır. - Ink Black
#080808— Gövde metni, simgeler, bağlantılar, gezinme türü, düğme kenarlıkları, logo, altbilgi metni - fotoğrafların çok keskin görünmesini önlemek için saf siyahtan daha yumuşak bir renk. - True Black
#000000— Koyu renkli görsellerin, gövde metninin, düğme etiketlerinin üzerine ana metin yerleştirilirken, en yüksek kontrastlı tipografik öğeler için yalnızca saf siyah renk kullanılmıştır. - Mist Gray
#dadada— İnce kenarlıklar, altı çizili giriş alanları, ince ayırıcılar, devre dışı bırakıldığında görünen ana hatlar—yalnızca ayırdığı şey sayesinde görülebilen en sessiz nötr ton. - Signal Red
#c80000— Kırmızı renk, dekoratif detaylar için ek bir vurgu görevi görür ve düşük frekansları öne çıkarır.
Tipografi
12 ile 35 piksel arası · 3 adım
- SuisseIntl — yenisiyle değiştirme: Neue Haas Grotesk Display · ana hatlar 400, 500, 700 · Arayüzde gezinme, gövde metni, başlıklar, düğmeler ve ürün açıklamaları için tek bir yazı tipi kullanılmıştır. Ekran yazı tipleri için alışılmadık olan pozitif harf aralığı (0,01–0,04em), basılı bir kataloğun hissini güçlendirir; 700 kalınlık kategori açıklamaları için, 500 gezinme ve düğmeler için ve 400 ise diğer her şey için ayrılmıştır. Markalama, tek bir yazı tipi ailesi ve çok dar bir boyut aralığı (12–35 piksel) ile tutarlıdır; yazı tipi asla baskın görünmez.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 8px |
| Düğme yarıçapı | 0px |
| Kart yarıçapı | 0px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 135px |
Yapay zeka, web sitenizi COS 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
- Airbnb — Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
- Apple (España) — beyaz galeri vitrini
- Silencio — Havada süzülen objelerle dolu beyaz bir oda. Her bir unsurun negatif hacimli bir arka plana karşı yerini aldığı, sıcak kağıttan yapılmış bir galeri sergisi ve sessizlik, kasıtlı bir tasarım kararı.
- Oakâme — Güneşin bolca vurduğu, sıcak taştan oyulmuş bir Provence atölyesi.
- Nike — Spor başarılarının tek renkli bir galerisi – beyaz duvarlar, sanat eseri gibi sergilenen ürün, arka plana karışmış krom detaylar.
- Arc — gece yarısı suyunun üzerinde endüstriyel beyaz galeri
- Rivian — Galerinin beton duvarında elektrikli bir monolit. Rivian, her aracı geniş beyaz bir alana karşı bir heykel gibi sunuyor; tipografi o kadar büyük ki mimari bir unsur haline geliyor ve tek renkli atmosferi kıran, mat bir yüzey üzerindeki güneş ışığı gibi sıcak bir sarı renk kullanılıyor.
- Analogue — Siyah galeri vitrini – ürünler boşlukta asılı duruyor.
- ddna — İşlenmemiş keten kumaş üzerine sıcak müze vitrini
- Zellerfeld — Beyaz mermerden bir heykeltıraş atölyesi—kaidenin yekpare yüzeyleri, tek bir kobalt parıltısı, yerden tavana uzanan küçük harflerin fısıltısı.
- UY Studio — Manastırın taş galerisi, beton duvarlarla çevrili, sessiz bir mekân; burada parfüm şişeleri beyaz kaideler üzerinde duruyor ve 400 watt'lık bir lamba ile dört sıcak gri ampulle aydınlatılıyor.
- Basic.Space — Beyaz mermer üzerine kurulu küratörlük galerisi