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
Monopo Saigon, radikal bir monokrom disipliniyle çalışır: saf siyah ve beyaz, ince gri tonlarıyla birleşerek, sayfanın tüm genişliğini kaplayan tuvaller üzerinde nefes alıyormuş gibi görünen devasa bir Roobert yazı tipini çevreler. İmza niteliğindeki kontrast, katı editoryal kısıtlamada (keskin gezinme ve metin bağlantı açıları, bol beyaz alan, 4 piksele dayalı bir ritim) ve tek bir ifade edici jestte yatar: resimlerin üzerinde sıvı gibi süzülen 75 piksel yarıçaplı düğmeler. Ana tasarım unsurları, yanardöner, akıcı kromatik atmosferlere yönelir (yeşiller kehribara ve ardından koyu bordo rengine dönüşür), arayüzün kendisi ise asla tek bir ton almaz ve sıvı ışık nehrinin üzerinde yüzen siyah beyaz bir editoryal galeri hissi yaratır. Yazı tipi tonu belirler: 78 pikselde 300 satır ağırlığı fısıldar, 225 pikselde 400 satır ağırlığı görüntü alanını doldurur ve 11 pikselde 400 satır ağırlığı her şeyi güvenle ve minimal bir şekilde tanımlar. Hareket etkileyici ama sabırlı—kübik-bezier(0.19, 1, 0.22, 1) kenar yumuşatma eğrileri, 1.25s'ye kadar uzanan dönüşüm geçişleri, öğelerin aniden durmak yerine kaymasına olanak tanıyor.
Sayfa düzeni, maksimum 1078 piksel genişliğinde ortalanmış olup, koyu renkli giriş bölümleri sayfanın tüm genişliğini kaplamakta ve kapsayıcı alanın dışına taşmaktadır. Giriş bölümü tüm görüntü alanını kaplar: ortalanmış, görkemli bir başlık (Birleşik, Sınırsız) parıldayan medya içeriğinin üzerinde yer alır, minimalist navigasyon üstte yüzer ve sol alt köşede tek bir dönen simge bulunur. Gövde metni bölümleri geniş bir editoryal ritmi takip eder; bölümler arasındaki 46 piksellik büyük boşluklar, bloklar arasında nefes alma alanı yaratır ve beyaz ve koyu (beyaz yazı tipiyle siyah) şeritler dönüşümlü olarak kullanılır. İçerik düzeni asimetriktir: solda metin/sağda resim ve solda resim/sağda metin dönüşümlü olarak kullanılır ve giriş bölümü dışında ortalanmış bloklar bulunmaz. Kart ızgaraları, çok sütunlu yerine tek sütunlu proje listeleri olarak görüntülenir; her proje kendi resmi ve başlığıyla tam genişliği kaplar. Navigasyon, solunda logo, ortasında yerelleştirme ve sağında menü bulunan şeffaf bir üst çubuktan oluşuyor; kalıcı renk değişiklikleri yok, gölge yok, sadece görünmez bir kaydet düğmesi var. Sayfanın alt kısmında, sade bir metinle üç sütunlu kompakt bir adres bloğu (Tokyo, Saigon, Londra) bulunuyor. Genel olarak, dijital bir derginin yayın tarzını yansıtıyor.
Görseller tiyatral ve benzersiz: ana ekrana, organik yeşil tonların kehribar ve bordo renklerinin arasından eriyerek aktığı, su üzerinde yağ veya erimiş cam gibi devasa, yanardöner, akışkan bir doku hakim. Bu, tüm ekranı kaplayan atmosferik medya içeriği, belki bir video veya gölgelendiricilerle oluşturulmuş bir tuval gibi hissettiriyor ve tekrarlayan bir desen yerine tek bir duyusal an olarak algılanıyor. Projenin demoları, çerçeve veya kenarlık olmadan sunulan samimi editoryal fotoğraflar (büyük ölçekli ürün çekimleri, tanıtım görselleri) kullanıyor; görüntü içeriğin kendisi. İllüstrasyon yok, küçük UI glifleri dışında simge yok, dekoratif şekiller yok. İkonografi minimal veya yok; dönen dairesel bir metin simgesi, sistemin tek tipografik süslemesi olarak hizmet ediyor. Genel yoğunluk: metin, büyük boyutta tek bir görsel jestle hakim oluyor, ardından uzun, sakin editoryal tipografi ve ürün görselleri geliyor.
Palet
Marka
- Iridescent Fade
#a02d25— Renk vurgusu yalnızca gradyan geçişinde ortaya çıkıyor; yanardöner atmosferin temelini oluşturan erimiş bordo tonu arayüz kontrollerinde kullanılmıyor.
Doğal
- Obsidian
#000000— Gövde metni, SVG kontur, gövde metni üzerindeki dolgu - tamamen siyah renk, tüm ön plan bilgilerini ve grafik öğelerini içerir. - Paper
#ffffff— Koyu zeminler üzerinde açık renkli metin, ters çevrilmiş alt yazılar ve yüksek kontrastlı başlıklar kullanın. Eylem çağrılarında ana renk olarak açık renkli metin kullanmaktan kaçının. - Inkstone
#181818— Altbilgideki ana metin ve ek başlıklar, uzun metinlerin okunmasını kolaylaştırmak için soluk siyah renktedir. - Felt Gray
#6d6d6d— Yardımcı metinler, adres blokları, yasal metinler – tamamen kaybolmadan fark edilmeden geriye kalan sessiz notlar. - Slate Pill
#636363— Düğmenin nötr arka planı, Kabul Et gibi eylemler için kullanılan tek düz renk dolgusudur. - Ash Mist
#9a9a9a— Yüzey takımlarında görme kısıtlılığı olan veya düşük kontrastlı yüzeyler için nötr, orta tonlu bir renk tonu.
Tipografi
12 ile 225 piksel arası · 9 adım
- Roobert — yenisiyle değiştirme: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · ana hatlar 300, 400, 600 · Ana yazı tipi, tüm arayüz metinleri, navigasyon, başlıklar, gövde metinleri, listeler ve altbilgiler için kullanılır. Bu özel olarak tasarlanmış sans-serif yazı tipi, geometrik netliği insancıl bir sıcaklıkla birleştirir; geniş ağırlık yelpazesi (300 Whisper'dan 600 Anchor'a kadar) yazı tipinin nefes almasını sağlar - anıtsal başlıklardan notlara kadar.
- Raleway — yenisiyle değiştirme: Montserrat or Jost · ana hatlar 400 · Daha zarif, dar bir sans-serif yazı tipinin kontrast sağladığı belirli başlık bağlamlarında kullanılır; daha cesur bir Robert yazı tipine karşıtlık oluşturmak için nadiren kullanılır.
- system-ui — yenisiyle değiştirme: Inter · ana hatlar 400 · Arayüz mikro etiketleri, çerez banner metni, küçük yazı tipi - tarayıcının varsayılan yedek seçeneği, özel bir yazı tipine ihtiyaç duymadan en küçük ayrıntılarda okunabilirliği sağlar.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 14px |
| Düğme yarıçapı | 75px |
| Kart yarıçapı | 0px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 46px |
| Sayfa genişliği | 1078px |
Yapay zeka, web sitenizi monopo saigon 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
- 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.
- OFF+BRAND. — Sıcak parşömen üzerinde yanardöner küre
- Seed — laboratuvar camı altında yaşayan bir organizma
- Eindhoven Design District — Beyaz kağıt üzerine uygulanan editoryal brutalizm, büyük harflerle yazılmış, minimal fotoğraf kullanımı ve mutlak ölçülülükle hayata geçirilmiş bir belediye tasarım manifestosudur.
- Subframe — Sıcak parşömen üzerine yapılmış grafik bir çizim. Her çizginin grafit veya silgiyle atıldığı, asla boya kullanılmadığı, derinliğin çizgi kalınlığı ve seyrek seriflerle sağlandığı tasarımcı kağıdı.
- Miranda — Açık krem rengi zemin üzerinde klasik geniş formatlı yazı tipi—dijital çağ için bir gazete başyazısı.
- Monocle — Krem rengi kağıda basılmış, yüksek kaliteli, geniş formatlı bir gazete. Her köşenin yerini hak ettiği, özenle hazırlanmış bir başyazı içeriği ve sayfada yalnızca tek bir anlamlı rengin kullanıldığı bir yayın.
- Agencja brandingowa — Siyah mürekkeple yapılmış tipografiyle beyaz tonlarda hazırlanmış bir editoryal galeri.
- Websmith Studio — Krem rengi kağıt üzerinde sabah ışığı
- Aspelin Reitan — Mum Işığında Mimari Arşiv - Sayfa, sıcak krem rengi bir duvara asılmış, inşa edilmiş mekanlardan oluşan bir portföy gibi görünüyor; her bir görselin üzerinde, sayfanın tüm genişliği boyunca uzanan tek satırlık beyaz bir metin yer alıyor.
- Public — Soğuk mermer üzerine tek renkli bir editoryal çalışma; neredeyse tek renkli bir tuval, 300 punto serif yazı tipi ve tüm renk işini yapan tek bir mor vurgu.
- Motto — Kağıt üzerinde tipografik bir monolit – kar beyazı kağıt üzerinde kendini ilan eden tek, kendinden emin bir ses.