Custo
Metalik gri tonlarında, tek parça bir yazı tipine sahip bir galeri. Soluk gri-yeşil tonlarında bir sergi salonu; burada tek bir koyu obje ve 57 piksel yazı tipi kendi başına konuşuyor.
Custo, endüstriyel ürünlerin bir galerisi gibi işlev görüyor: sıcak metalik bir zemin, fiziksel ürün için bir arka plan görevi görürken, büyük formatlı tipografi de temel görsel süsleme olarak kullanılıyor. Sistem tamamen akromatik –kromatik renk yok– olup, koyu eloksallı harf kutusu ve tek bir sans-serif yazı tipinin geometrik ağırlığı, markanın tüm kişiliğini yansıtıyor. Her ekran, geniş beyaz alanı anıtsal bir tipografik ifadeyle dengeliyor ve marka logosu neredeyse mimari bir unsur olarak tekrarlanıyor. Yüzeyler düz ve mat; derinlik, gölgeler veya gradyanlar yoluyla değil, ürünün kendi yansıtıcılığıyla yaratılıyor.
Sayfa düzeni, görünüm alanının ortasında yer alan ve maksimum ~1280 piksel genişliğe sahip, dikey olarak düzenlenmiş tek sütunlu bir yapıdır. Ana sayfa öğesi, sayfanın tüm genişliğini kaplar ve kenardan kenara Canvas Gunmetal #9ea29f yazı tipinde oluşturulmuştur; sağda ortalanmış bir posta kutusu fotoğrafı ve alt kenarı sabitleyen 57 piksellik bir CUSTO® logosu bulunur. Ana öğenin altında, bölümler dönüşümlü olarak yer alır: iki sütunlu bir metin bloğu (solda küçük başlık, sağda büyük başlık), ardından üç ürün görsel kartından oluşan yatay bir ızgara, daha sonra iki sütunlu metin ve görsel satırları, ana metin ise her iki tarafta dönüşümlü olarak yer alır. Bölümler arasındaki boşluklar 110 pikseldir ve önemli bir dikey nefes alma alanı yaratır. Navigasyon, kaydırdıkça Paper White rengine dönüşen tek bir şeffaf üst çubuktur. CES simgesi, sağ alt köşede sabit, kayan bir öğedir. Genel ritim, galeri tarzında: her bölümde az sayıda öğe, büyük yazı tipi, geniş boşluklar ve metin şeritleri arasında görsel noktalama işareti olarak bir ürün fotoğrafı kullanılmış.
Görseller tamamen Custo posta kutusunun ürün fotoğraflarından oluşmaktadır ve üç farklı modda çekilmiştir: metal çerçeve önünde tam boy portreler, cihazla insan etkileşimini gösteren yaşam tarzı çekimleri ve tarama arayüzü ile LED halkasının yakın çekimleri. Tüm fotoğraflar, posta kutusunun mat siyah yüzeyinin görsel bir odak noktası olarak kullanıldığı, soluk ve yüksek kontrastlı tonlarda çekilmiştir. Hiçbir illüstrasyon, soyut grafik veya stok fotoğraf kullanılmamıştır. Fotoğraflar 8 piksel yarıçaplı kartlara yerleştirilmiş veya 57 piksel logonun arkasında tam ekran olarak kullanılmıştır. CES simgesi, tüm web sitesindeki tek çok renkli görseldir.
Palet
Doğal
- Canvas Gunmetal
#9ea29f— Ana ve tema bölümlerinin sıcak gri-yeşil arka planı, Custo'yu standart beyaz SaaS şablonlarından ayırıyor ve dijital bir yüzeyden ziyade mimari bir beton gibi hissettiriyor. - Obsidian
#000000— Gövde metni, ince kenarlıklar, simge konturları - sistemdeki en yüksek kontrastlı mürekkep, başlıklar ve yapısal ayırıcılar için kullanılır. - Paper White
#ffffff— Vücut parçası arka plan görselleri, koyu gri tuval üzerinde ters çevrilmiş metin, ürün fotoğraflarının koyu arka planı üzerinde metin. - Anodized Graphite
#4b514d— Ürün fotoğrafları, ek başlıklar ve üç boyutlu metin için kullanılan koyu yüzey, posta kutusunun yüzeyini yansıtıyor; böylece kullanıcı arayüzü ve ürün aynı malzemeden üretilmiş oluyor. - Brushed Steel
#8e9194— Paper White ve Obsidian yazı tipleri arasında, gömülü meta veriler ve gizli bağlantılar için sadeleştirilmiş metin, liste ayırıcılar ve ek simge çerçeveleri yer almaktadır. - Linen Mist
#a7aaad— Başlıklar ve ayırma çizgileri için kullanılan açık renk, obsidyen renginin yapısal çizgileriyle asla rekabet etmeyen, zarif bir tondur.
Tipografi
15 ila 57 piksel arası · 5 adım
- PP Neue Montreal — yenisiyle değiştirme: Inter · ana hatlar 400 (Medium) · Metin gövdesinden açıklayıcı metne kadar her şey için tek bir yazı tipi ailesi kullanılır; geometrik ağırlık uyumu en belirgin özelliğidir ve ikincil veya ekrana özel yazı tiplerinin kullanımından kaçınılır, bu nedenle 57 piksel boyutundaki 'CUSTO®' logosu, 15 piksel boyutundaki form giriş alanı etiketiyle aynı tipografik aileye aitmiş gibi algılanır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 24px |
| Düğme yarıçapı | 31.35px (pill) for primary action; 8px for secondary |
| Kart yarıçapı | 8px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 110px |
| Sayfa genişliği | 1280px |
Yapay zeka, web sitenizi Custo 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
- 099 SUPPLY — Siyah beyaz objelerle dolu bir galeri duvarı.
- Specht Studio — Gizli bir merakla dolu bir galeri duvarı. Stüdyonun kendine özgü krom kaplaması beyaz bir yüzey ve siyah harflerden oluşuyor; görsel şölen tamamen projenin karo işçiliğinde yoğunlaşmış durumda.
- Structured — Plastik hamur benzeri kağıt üzerine Rönesans galerisi
- Airbnb — Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
- VSCO — Galerinin tek renkli duvarı, siyah beyaz fotoğraflardan oluşan bir sergi olup, tek bir sıcak spot ışığı aşağıdaki eylemi aydınlatmaktadır.
- Apple (España) — Müze galerisi, yumuşak gün ışığında, her serginin hafifçe renklendirilmiş bir duvara karşı spot ışığıyla aydınlatıldığı, büyüleyici, ağırlıksız beyaz bir mekândır.
- Peak Design — Kısmen aydınlatılmış galeri duvarı
- Apple (España) — Obsidyen Galerisi, tek bir titanyum objenin simsiyah bir arka plana karşı parladığı karanlık bir sergi salonudur.
- Apple (España) — beyaz galeri vitrini
- teenage engineering — Stüdyo aydınlatması endüstriyel kataloğu - sayfadaki tek önemli nesne ürün olup, diğer her şey onun etrafında ele alınmaktadır.
- Apple (España) — Sabah sisinde bir galeri penceresi
- Apple (España) — Öğlen saatlerinde Beyaz Müze Galerisi