
Vivid+Co
obsidyenden geçen prizmatik ışık
Vivid+Co, sinematik, karanlık bir boşlukta faaliyet gösteriyor: #101010–#495764 renklerinden oluşan neredeyse siyah bir tuval, neredeyse tüm yazı tipleri ve arayüz öğeleri için kullanılan tek, neredeyse beyaz bir tonla (#fffdf9) kesintiye uğruyor. Tipografi, ağırlıklı olarak 400 kalınlığında Neue Montreal yazı tipinde oluşturuluyor; bu, bilinçli bir şekilde kalın yazı tipinden vazgeçmeyi temsil ediyor ve otorite, kalınlıktan ziyade ölçek (136px ve 105px) ile sağlanıyor. İmza niteliğindeki bir teknik ise kromatik prizma: RGB ile ayrılmış doygun kırmızı/yeşil/mavi ışık blokları, cam küplerden süzülerek tek renkli yüzeyi bozuyor. Düzen ortalanmış ve geniş; navigasyon, gövde metni ve bağlantılar tek bir #fffdf9 renginde, ayrı vurgu düğmeleri, dolgular veya gölgeler olmadan sunuluyor; farklılaşma, aralık, ölçek ve markanın tek renk vurgusu olarak hizmet eden bir gökkuşağı unsuruyla sağlanıyor.
Yaklaşık 1440 piksel maksimum genişliğe sahip, tek sütunlu içerik içeren koyu renkli, tam genişlikte bir tuval. Birincil öğe, üst üste binen bir başlık (küpleri kesen metin) ve sola hizalanmış bir alt başlık içeren, ortalanmış prizmatik bir nesnedir. Gezinme, ince bir üst çubukta yer alır: solda logo, sağda dört görünmez bağlantı ve satırın sonunda özel bir "İletişim" düğmesi. Bölüm ritmi, tam yükseklikteki ana paneller ve yaklaşık 108 piksel aralıklarla daha dar içerik şeritleri arasında değişir. İçerik düzeni asimetriktir: prizmatik nesne görsel merkez görevi görür ve başlıklar onun etrafını sarar. Tek sütunlu metin bloklarının maksimum genişliği yaklaşık 440 pikseldir; çok sütunlu ızgaralar, kart matrisleri ve fiyat tabloları yoktur. Altbilgi, ince bir çizgiyle bölünmüş, iki sütun meta veri içeren ince bir şerittir.
Ana tasarım öğesi, kenarlarında kromatik sapma bulunan ve RGB renkleriyle ayrılmış cam küplerden oluşan soyut bir 3 boyutlu görüntüdür. Fotoğraf yok, insan resmi yok, ürün fotoğrafı yok. Prizma, markanın imajıdır; geri kalan her şey koyu bir zemin üzerinde tek renkli tipografidir. İkonografi minimaldir: ince gezinme etiketleri ve başlıklardan birinin sonundaki küçük bir imleç/glif vurgusu (alan 142765), tek, monolinear 16 piksellik bir ikona işaret eder. İllüstrasyon yok, dekoratif desen yok, doku yok.
Palet
Doğal
- Bone White
#fffdf9— Ana metin, gezinme etiketleri, bağlantı rengi ve başlık dolgusu neredeyse beyaz renkte olup, koyu bir zemin üzerindeki tüm tipografik yüzeyleri kaplamaktadır. - Obsidian
#101010— Sayfa tuvali, ana ve ayırıcı şeritlerin arka plan dolgusu, içinde prizmatik bir unsur bulunan koyu siyah bir renktir. - Graphite Veil
#495764— Başlıkların ve içerik bloklarının arkasında, koyu ve serin bir arduvaz rengi hakimdir ve düz siyah kullanılmadan tuvale derinlik kazandırır. - Ash Border
#403f3f— Metinle rekabet etmeden satırları ayırmak için 1 piksel kalınlığında ince bir ayırma çizgisi ve kart çerçevesi kullanılmıştır. - Fog Blue
#6f879c— Az belirgin ikincil metin ve ince düğme etiketleri (3.7:1 kontrast) – “Strateji”, “Yaratıcı”, “İletişim + Pazarlama” gibi hizmet kategorisi tanımlamaları, vurgulanmamış meta veri olarak algılanıyor. - Pure Black
#000000— SVG simgeleri ve illüstrasyonları için dekoratif dolgu malzemesi; prizma görüntüsünde ve simge gliflerinde kullanılır; arka plan değildir.
Tipografi
15 ila 136 piksel arası · 9 adım
- Neue Montreal — yenisiyle değiştirme: Söhne · ana hatlar 400, 700 · Özel yazı tipi, başlıklar, gövde metni, gezinme menüsü, düğmeler, bağlantılar ve altbilgi dahil olmak üzere kullanıcı arayüzünün tamamında kullanılır. Varsayılan kalınlık 400'dür; 700 kalınlık yalnızca alt başlıklar için ayrılmıştır. 105px ve 136px kalınlığındaki başlıklar, 1.00–1.01em satır aralığına ve -0.02em harf aralığına sahip olup, tipografik olmaktan ziyade heykelsi bir his uyandıran sinematik, üst üste yığılmış başlıklar oluşturur.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 7px |
| Düğme yarıçapı | 0px |
| Kart yarıçapı | 15px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 108px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Vivid+Co 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
- Sequel — Karanlık çöktükten sonra yapılan özel bir gösterim, aksi takdirde karanlık olan bir sinemada tek sıcak ışık kaynağıdır.
- ThoughtLab — Üzerinde kızıl bir işaret bulunan obsidyen bir anıt. Siyah bir boşluğun tuvali; katedraldeki tek doygun kırmızı nesne, büyük beyaz harflerle basılmış tek bir renkli figür.
- Dovetail — Kara ay altında bir plan - zar zor görünen grafik çizgileri, beyaz yazı tipi, bir mor kıvılcım.
- MekaVerse — Dijital eserlerden oluşan tek renkli bir galeri; işlenmiş dünyanın bir müze sergisi gibi asılı durduğu simsiyah bir boşluk ve tüm kullanıcı arayüzü mat siyah cam üzerine beyaz mürekkeple yazılmış.
- Krea — gece yarısı galeri noir
- Factory — Gece yarısı "savaş odası" terminali. "Fabrika", tek bir beyaz kartın el feneriyle aydınlatılmış bir emir gibi düştüğü simsiyah bir kontrol paneli; odadaki tek nesne işin kendisi.
- basement — Saat gece 3'te bomboş bir matbaa – simsiyah zemine yayılmış devasa, sıkıştırılmış yazı tipleri, gezinme çubuğunda tek bir turuncu ışık parıltısı, geri kalan her şey beyaz veya hayalet gibi gri.
- Stink Studios — Gece yarısı bir film stüdyosu - projektör vızıldıyor, oda karanlık, sadece film aydınlatılıyor.
- Apple (España) — Aydınlatmalı siyah tiyatro
- Charlie — Manastır taşından oyulmuş tipografi obsidyen üzerine işlenmiş. Tek bir kırmızı duvarın sağır edici bir sessizlik yarattığı bir portföy.
- Rive — Yüksek hassasiyetli gece görüşü. Arayüz, karanlığı delerek teknik detaylara mutlak netlikle odaklanan özel bir lense sahiptir.
- Datalands — Tek bir neon ışığıyla aydınlanan siyah bir katedral. Logo, ana salonu tamamen kaplıyor; geri kalan her şey, altında zar zor duyulabilen yazılardan oluşuyor.