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ı.
Subframe, tek renkli bir tasarımcı çalışma alanıdır: sıcak, kremsi bir tuval, grafit siyahı mürekkep ve kromatik vurguların tamamen yokluğu. Tüm arayüz, tek bir malzeme –kağıt, kalem ve gölge– olarak algılanır; tek bir cesur tipografik dokunuşla: başlıklara editoryal bir ağırlık kazandıran, sistematik bir sans-serif (Inter) üzerine yerleştirilmiş rafine bir serif (Instrument Serif). Yüzeyler yükseltilmiş değil, düz ve çerçevelidir; derinlik, #e5e7eb'deki ince ayırıcılar ve gölgeler yerine koyu kontrollerdeki içe doğru vurgularla elde edilir. Yoğunluk cömerttir: geniş bir dikey ritim (bölümler arasında 48-64 piksel boşluk), ortalanmış, tam genişlikte düzenler ve metnin etrafında bol miktarda beyaz alan. Tek renk, neredeyse beyaz ve neredeyse siyah arasındaki kontrasttır; bu da koyu renkli düğmeyi her sayfadaki en çarpıcı öğe, gri tonlardaki ortak marka logolarının şeridini ise tek dekoratif görsel öğe haline getirir.
Ortalanmış, tam genişlikte (1200 piksel) ve bol dikey ritme sahip düzenler. Ana öğe, tek bir ortalanmış bloktur: üstte koyu renkli, bölümlü bir kontrol alanı, büyük bir "Inter" başlığı, tek satırlık bir alt başlık ve iki bitişik düğme (dolu + yarı saydam) – yan resim yok, düzen bölünmesi yok. Ana öğenin altında ortalanmış gri tonlamalı bir logo şeridi bulunur. Sonraki her bölüm aynı deseni izler: sola hizalanmış bir başlık ve alt başlık bloğu, ardından bölümler arasında 48-64 piksel boşluk bulunan tam genişlikte bir ürün tanıtım çerçevesi. Navigasyon minimaldir: ortalanmış bağlantılar ve sağa hizalanmış eylemler içeren bir üst çubuk, kenar çubuğu yok, mega menü yok. Sayfa, yukarıdan aşağıya doğru, her birine bolca alan verilmiş bir dizi ortalanmış ifade olarak okunur – düzen, yoğun bir ürün sayfasından ziyade bir editoryal portföy gibi hissettirir.
Görsel tasarım minimalist ve işlevseldir. Sistem iki görsel mod kullanır: (1) 24 piksel yarıçaplı çerçeveler içine alınmış çerçeveli ürün ekran görüntüleri ve kullanıcı arayüzü maketleri—aynı tek renkli palette oluşturulmuş gerçek arayüz bileşenlerini (tablolar, düğmeler, formlar) gösterir ve ekran görüntülerinin sayfaya sorunsuz bir şekilde entegre olmasını sağlar; (2) tek bir gri tonlamalı ortak logo şeridi, renk veya çerçeve olmadan düz bir şekilde oluşturulmuş sosyal kanıt görevi görür. Yaşam tarzı fotoğrafları, soyut gradyanlar veya 3B render'lar yoktur. Tek illüstratif unsur, sıcak gri bir arka plan üzerinde ortalanmış ve bir marka simgesi bulunan koyu bir ürün "kutusu"dur—bu, dekorasyon değil, ürün tanıtımı olarak algılanır. Tüm görseller, görsel ağırlığın metin tarafından taşındığı metin tabanlı bir düzende yer alır.
Palet
Doğal
- Page Canvas
#fafafa— Sayfa arka planı, tuval üzerine basılmış kartpostal, koyu yüzeyler üzerindeki açık renkli metin – tüm tek renkli sistemin altında yatan sıcak beyaz renk. - Hairline Border
#e5e7eb— Ayırıcılar, kart kenarlıkları, resim çerçeveleri, simge çerçeveleri - sistemde en sık kullanılan çerçeve türü, mekansal yapıyı tanımlar. - Card Surface
#ededed— Kartlar için yükseltilmiş arka plan, tuvalin bir adım üzerinde yer alan ek bir yüzeydir ve gölgesiz bir gruplama oluşturur. - Divider Mid
#dadada— Orta ton ayırıcılar ve bölümler arasındaki geçişler - Graphite
#242424— Açık renkli yüzeylerdeki ana düğmeler için yüksek kontrastlı nötr dolgu. - Ink Black
#171717— Gövde metni, başlıklar, simge çerçeveleri - Grafit'ten biraz daha havalı, yüzeyler yerine tipografi için kullanılıyor.
Tipografi
12 ile 128 piksel arası · 7 adım
- Inter — yenisiyle değiştirme: Inter (Google Fonts) · ana hatlar 500, 600, 700 · Sans-serif sistem arayüzü—navigasyon, gövde metni, düğmeler, alt başlıklar ve bölüm başlıkları. Kalınlık: Gövde metni ve kontroller için 500, alt başlıklar ve navigasyon vurguları için 600 ve bölüm başlıkları için 700. Güçlü negatif harf aralığı, geometrik şekilleri her boyutta sıkıştırarak arayüze yoğun, teknik bir görünüm kazandırır.
- Instrument Serif — yenisiyle değiştirme: Playfair Display · ana hatlar 400 · Başlıklar ve editoryal içerik için özel olarak tasarlanmış bir serif yazı tipi. 400 ağırlığı ve -0.025em harf aralığı, Inter'in endüstriyel geometrisiyle tezat oluşturan zarif, italik bir görünüm yaratır; bu, bir başlık stili yerine görsel noktalama işareti görevi gören, serif yazı tipinden yapılmış tek bir kelime veya ifadeyi sans-serif bir sayfada kullanma tekniğinin imzasıdır.
- Fragment Mono — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400 · Satır içi kod benzeri öğeler, etiketler ve teknik açıklamalar için Accent mono kullanılır. Az miktarda kullanıldığında, tasarım aracının "bu makine çıktısıdır" diye belirtmek istediği fonksiyon listelerinde ve satır içi açıklamalarda görünür.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 8px |
| Düğme yarıçapı | 16px |
| Kart yarıçapı | 24px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 64px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Subframe 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
- 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
- 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.
- 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.