Creative Giants
Krem rengi kağıda basılmış büyük formatlı editoryal poster.
Creative Giants, kodla oluşturulmuş, devasa bir sanat kitabı sayfası gibi görünüyor: sıcak, kremsi bir tuval, ince kenar boşlukları ve başlık yerine poster gibi hissettiren büyük bir yazı tipi. Tüm sistem negatif alan ve tek, hafif bir boyut (300) üzerinde çalışıyor; başlıklar kalın harflerle öne çıkmak yerine 64-84 pikselde neredeyse duyulmuyor ve yazı tipi boyutu arttıkça harf aralığı keskin bir şekilde azalıyor (-0.04em), böylece kelimeler soyulmuş gibi değil, yontulmuş gibi görünüyor. Renk şeması küçük, doygun fırça darbeleriyle dağıtılmış: canlı mor, koyu turkuaz, açık mavi, sıcak pembe, nane yeşili ve lacivert, arka plan dolgusu yerine kart yüzeyleri veya vurgular olarak görünüyor. Etkileşimli öğeler, tamamen yuvarlak (1440 piksel) yarıçaplı krem bir arka plan üzerinde siyah şekillerdir, krom öğeler ise neredeyse görünmezdir; tek bir yuvarlak logo ve "Menü" düğmesi beyaz alanda yüzer. Görsel konsept, bir prodüksiyon stüdyosunun iletişim sayfasını andırıyor: devasa bir başlık, tam genişlikte bir fotoğraf ve kısa bir meta metin satırı. Diğer tüm sayfalar da aynı özlü stili izlemeli.
Sayfanın tamamını kaplayan düzen: Maksimum genişlik sınırlaması yok; içerik, sol ve sağda eşit kenar boşluklarıyla (mobil cihazlarda 16–32 piksel, masaüstünde 32 piksel ve üzeri) sayfanın tüm genişliğini kaplar. Ana başlık, yaklaşık %40'lık bir alanı kaplayan tek ve büyük bir başlıktır ("YARATICI DEVLER" 84 piksel), hemen ardından sol alt köşede meta etiketi ve başlık katmanı bulunan tam sayfa bir fotoğraf gelir. Bölüm ritmi monolitiktir: her yeni bölüm, 48–64 piksel beyaz boşlukla ayrılmış, az miktarda büyük harfli metin ve bir açıklama ile başlar; bir adet ters çevrilmiş Lacivert Mürekkep vurgu kartı dışında, alternatif koyu/açık bantlar yoktur. İçerik sola hizalanmıştır; ana başlık dışında ortalanmış blok yoktur. Haberler/vaka çalışmaları bölümü, sağda kayan bir ok bloğu bulunan üç sütunlu bir kart ızgarası kullanır. Gezinme, tek bir üst başlık aracılığıyla gerçekleştirilir; başlık dışında kenar çubuğu veya herhangi bir sabitlenmiş öğe yoktur. Genel düzen ferah ve yayın tarzıyla tutarlı: her bölüm nefes alıyor ve beyaz alan temel yapısal unsur olarak öne çıkıyor.
Tasarımda editoryal fotoğrafçılık hakim: Görüntüler sayfanın tüm genişliğini kaplıyor, keskin açılara sahip ve üst üste binme veya yuvarlak maskeler yok. Stil, belgesel ve atmosferik bir yaklaşıma yöneliyor – kırışık eller, kamusal alanlar ve insanların gündelik çekimleri – ancak asla sahnelenmiş ürün fotoğrafçılığı kullanılmıyor. Görüntüler her zaman büyük ölçekte (tam genişlikte görüntüleme alanı veya tüm kartı dolduracak şekilde) sunuluyor, bu nedenle tasarım birimi kullanıcı arayüzü değil, fotoğraf oluyor. İllüstrasyon, 3D model veya ürün maketi yok. İkonografi minimal: tek bir küçük dairesel logo, döner menü kontrollerinde kontur okları ve 1 piksel konturlu hafif UI simgeleri. Görüntü yoğunluğu görüntünün kendisi tarafından belirleniyor ve metin, fotoğrafın altında veya üstünde gizli bir açıklama katmanı görevi görüyor.
Palet
Marka
- Magenta Bloom
#8a0467— Pembe, dekoratif detaylar için ikincil bir vurgu rengi olarak ve daha az sıklıkla kullanılan arama sorgularını öne çıkarmak için kullanılır. Eylem çağrısı için birincil renk olarak kullanılmamalıdır. - Forest Teal
#03624c— Kart çerçeveleri ve dekoratif detaylar için zengin bir marka vurgu rengi; iki tonlu bir görünüm için Magenta Bloom ile uyumludur.
Doğal
- Bone White
#fffef7— Sayfa yüzeyi, karton yüzeyler ve koyu vurgular üzerindeki metin, saf #ffffff renginin yerini alan sıcak, kremsi bir ton olup tüm sisteme kağıt benzeri, baskılı bir his veriyor. - Ink Black
#000000— Koyu renkler, nötr metin ve simgelerle uyum sağlar ve güçlü bir kontrast oluşturur. Eylem çağrıları için ana renk olarak kullanmaktan kaçının. - Graphite
#666666— Ana metnin öne çıkmasını sağlamak için ikincil metin, alt yazılar, meta veriler ve destekleyici metinler arka plana itilir. - Ash
#aaaaaa— Giriş alanı kenarlıkları, etkin olmayan bağlantı rengi, üçüncül ayırıcılar - ihtiyaç duyulmadığında kaybolan yumuşak, yapısal bir gri renk. - Charcoal Scale
#4d4c4a— Liste kenarlıkları için orta tonlu nötr bir renk, koyu gradyan yolunda ise ince bir kontrast artışı - mavi-gri yerine sıcak gri. - Powder Blue
#a5c8eb— Yumuşak renk vurguları—kartpostal arka planları, bulanık arka planlar, soluk illüstrasyon dolguları—sıcak bir arka planı rekabet yaratmadan soğutur.
Tipografi
12 ila 84 piksel arası · 7 adım
- Switzer — yenisiyle değiştirme: Inter (300 · ana hatlar 300, 400 · Tek yazı tipi sistemi: Tüm görüntüleme öğeleri ve başlıklar için 300 kalınlık (12–84 piksel), gövde metni, meta veriler ve kullanıcı arayüzü kontrolleri için 400 kalınlık. Tercih edilen seçenek, 64–84 piksel boyutlarında 300 kalınlık kullanmaktır; çoğu sistem burada 700–800 kalın yazı tipi kullanır; açık tonlu Switzer yazı tipi ince çizgileri koruyarak krem rengi bir tuval üzerinde airbrush tekniğiyle basılmış gibi bir izlenim yaratır. Boyut arttıkça harf aralığının daralması (-0,04em 84 pikselde, -0,018em 14 pikselde) seyrek bir his yaratmadan iç boşlukları açık tutar.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 8px |
| Düğme yarıçapı | 1440px |
| Kart yarıçapı | 0px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 64px |
Yapay zeka, web sitenizi Creative Giants 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
- ElevenLabs — Sıcak krem tonlarında, incelikli başlıklarla hazırlanmış bir fotoğraf denemesi. Bauhaus tarzı bir defter: yumurta kabuğu renginde kağıt, siyah mürekkep ve ürün sergilemek için tek bir mor ve turuncu vurgu.
- monopo saigon — Editörlük sessizliğinin ardındaki akışkan, yanardöner bir parıltı—erimiş ışık üzerinde yüzen tek renkli bir editörlük galerisi
- Awesomic — Turuncu noktalama işaretleriyle konfetiyi andıran, editoryal amaçlı çinko ağ.
- Monad — sıcak parşömen üzerine editoryal teknik dergi
- Dub — Link'in mat pirinç kağıdı kontrol paneli
- Seline Analytics — Sıcak kağıt üzerinde sessiz, analitik bir masa.
- Notion — Öğlen güneşinde ısınmış bir kağıt defter
- Hyer Aviation — Kokpitte, parşömen üzerinde alacakaranlık çökmüş. Soluk şafak gökyüzü, gövde boyutundaki serif yazı tipindeki logoyla buluşuyor ve tek bir sıcak kil rengi vurgu, tekdüze kısıtlamayı kırıyor.
- Anthropic — Sıcak parşömen kağıda basılmış bilimsel bir saha dergisi; sakin fildişi yüzeyler, tırnaklı yazı tipi başlıkları ve yalnızca harekete geçilmesi gerektiğinde ortaya çıkan tek bir kil rengi vurgu.
- Calendly — Soğuk mermer üzerine koyu mavi mürekkep
- Augen Pro — Apple'ın beyaz sunumunda, tek renkli bir alanda tek vurgu olarak klinik, ağırlıksız, elektrik mavisi bir renk öne çıkıyor.
- OFF+BRAND. — Sıcak parşömen üzerinde yanardöner küre