Slush
Pastel kağıt üzerine çıkartmalardan oluşan şişme evren
Slush, bir çıkartma albümü gibi çalışıyor: pastel renkli bir kağıt tuval, büyük, hacimli parlak mavi şeritler ve konfeti gibi serpiştirilmiş canlı çıkartma vurgularından oluşan bir gökkuşağı. Yazı tipi büyük ve yoğunlaştırılmış (Yanal 800 x 200–640 piksel, satır aralığı 0,75–0,80), böylece kelimeler cümlelerden ziyade heykelsi nesnelere dönüşüyor. Altı zengin, imza rengi genel bir çıkartma paleti görevi görüyor; her renk, asla ayrı bir vurgu olarak değil, doldurulmuş bir çıkartma, kart yüzeyi veya dekoratif katman olarak görünüyor. Bileşenler yumuşak bir şekilde yuvarlaklaştırılmış (kartlarda 20–40 piksel, navigasyonda hap şeklinde) ve el yapımı bir etki için siyahla çerçevelenmiştir. Sonuç, bir fintech açılış sayfasından ziyade açık renkli bir duvara tutturulmuş fiziksel bir kolajdır.
Sayfa düzeni, kenar çubuğu veya kalıcı bir kapsayıcı olmadan, tam genişlikte kaydırılabilir bir sayfaya sahiptir. Kaydırılabilir metin ve minimalist üst gezinme çubuğu (solda logo, ortada gezinme çubuğu, sağda doldurulmuş harekete geçirici mesaj) üstte kalır. Her bölüm, büyütülmüş yan metinli, ortalanmış veya sola hizalanmış, 3 boyutlu mavi şeritlerle çerçevelenmiş, tam genişlikte bir renk şerididir (#dceeff → #ffffff → #cccccc). İçerik düzeni, ızgara tabanlı olmaktan ziyade kasıtlı olarak gevşek ve kolaj benzeridir: çıkartmalar metnin üzerine biner, şeritler metnin arkasında kesişir ve bir QR kartı ikincil bir bölümde merkezden uzak bir konumda yer alır. Dikey ritim oldukça geniştir (bölümler arasında 48 piksel boşluk), ancak yatay kompozisyon kasıtlı olarak asimetriktir. Sayfa, yukarıdan aşağıya doğru, her biri bağımsız bir poster olan üç büyük renk şeridi olarak okunur.
Görsel dil, üç boyutlu mavi kurdelelerle domine ediliyor; bu, her bölümde başlık metnini saran veya gizleyen, elektrik mavisi renkte, grenli, şişirilebilir boru şeklindeki unsurlardan oluşan birleşik bir marka motifi. Dekoratif iki boyutlu çıkartmalar (bir roket, altın bir para, yeşil bir onay işareti, mor bir cüzdan), başlıkların etrafında, her biri siyah bir çerçeveyle (1 piksel) tutturulmuş kağıt kesikleri gibi yüzüyor. Hiçbir yerde fotoğraf yok. Geleneksel illüstratif ızgaralar yok; her şey kolajlanmış ve asimetrik olarak düzenlenmiş. Üç boyutlu kurdeleler ana atmosferi yaratıyor; çıkartmalar eğlenceli bir dokunuş katıyor; geri kalanı ise tipografi ve renk.
Palet
Marka
- Electric Blue
#4da2ff— Markanın baskın rengi; kalın kurdele heykelleri, resim arka planları, kartlardaki bulanık desenler; her bir ekranın temelini oluşturan görsel bir imzadır.
Doğal
- Carbon
#000000— Ana metin, kart çerçeveleri, harekete geçirici mesaj için doldurulmuş arka plan ve logo, pastel yüzeyler üzerinde elle kesilmiş etiket taslağı etkisi yaratıyor. - Paper White
#ffffff— Tuval sayfası, karton yüzeyler, düğme kontur dolgusu, koyu arka plan üzerinde metin. - Sky Wash
#dceeff— Ana bölümün arka planı, açık mavi pastel tonlarda. - Concrete Gray
#cccccc— İkincil bölüm arka planı, nötr ara yüzey - Soft Mist
#e9e9e9— İnce düğme ve yüzey tonları, devre dışı bırakılmış durumlar - Mint Pop
#55db9c— Arka planı vurgulamak için yeşil dolgu, dekoratif çizgiler ve içeriğin arkasında yumuşak bir vurgu kullanılmıştır.
Tipografi
12 ila 640 piksel arası · 7 adım
- Lateral — yenisiyle değiştirme: Druk · ana hatlar 800 · Sadece başlıklar—"SLUSH" logosu ve "ALL THINGS SUI" gibi bölüm başlıkları—200-640 piksel yazı tipi ve 0,75-0,80'lik azaltılmış satır yüksekliğiyle görüntüleniyor, böylece harfler şekillendirilmiş bloklar oluşturuyor. Bu, geleneksel olmayan bir görüntüleme yöntemidir: başka hiçbir web sitesi 0,85'ten daha düşük satır yüksekliğine sahip 800 punto yazı tipi kullanmaz ve bu etki, metnin üç boyutlu şeritlerle sarılmış fiziksel bir nesne gibi davranmasını sağlar.
- Aeonik Pro — yenisiyle değiştirme: Inter · ana hatlar 500, 700 · Gövde metni, gezinme, düğmeler ve alt başlıklar dahil olmak üzere tüm kullanıcı arayüzü. Gövde metni ve meta veriler için 500 ağırlık (12–16 piksel), alt başlıklar ve gezinme etiketleri için 700 ağırlık (24–30 piksel) ve büyük ikincil başlıklar için 700'ün 64 piksellik artışı. Sıkı harf aralığı (-0.010em) gövde metnini daraltır (14–16 piksel); gezinme etiketlerinde/düğmelerinde hafif genişleme (0.030–0.032em) kontrollere "boş alan" sağlar.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 4-12px |
| Düğme yarıçapı | 1600px |
| Kart yarıçapı | 20px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 48px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Slush 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
- Cursor — Köz halindeki kömürlerin aydınlattığı, samimi bir parşömen atölyesi.
- MindMarket — Krem rengi kağıda basılmış, sıcak ve samimi bir masal kitabı; büyük Inter başlıklarının ve kesilmiş kağıt karakterlerin güneş ışığıyla yıkanmış, yumuşak bir yüzeyde bir arada bulunduğu, dostane bir editoryal tuval.
- Shop — Beyaz mermer üzerinde yüzen bir ticaret takımyıldızı
- Airbnb — Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
- Superr — Öğleden sonraki yumuşak ışıkta, sıcak bir okul defteri. Krem rengi bir sayfa, kapağı olmayan turuncu bir kalem ve soyulmayı bekleyen bir yığın lamineli isim etiketi.
- 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.
- Lamborghini — Showroomda, spot ışıkları altında, siyah gövdeli bir sarı araba.
- Amplemarket — Güneş ışığıyla yıkanmış, her yeri konfetiyle kaplı bir iş yeri.
- Getharvest — Altın saatte bir masa – sıcak krem rengi bir tuval, tuvalin üzerine asılmış beyaz kartpostallar ve tek bir parlak turuncu alev.
- Agence Foudre — Derginin kapağı, ruj rengini anımsatan yumuşak bir pembe tonunda.
- Drive Capital — Sıcak kağıda basılmış retro yolculuk posteri
- Apple (España) — beyaz galeri vitrini