Figma
Renk karmaşası için tek renkli şasi
Arayüz, kullanıcı tarafından oluşturulan içeriğe tam görsel hakimiyet sağlayan, katı ve yüksek kontrastlı bir yapısal kapsayıcı görevi görür. Temel çizgi, birincil kenarlıklar ve metin için mutlak maksimum kontrastı tercih ederek ince gri tonlarından kaçınan katı bir #000000 ile #ffffff paletidir. Tipografik hiyerarşi, renk varyasyonlarından ziyade neredeyse tamamen boyut ve agresif negatif harf aralığına dayanır ve büyük metin satırlarını yoğun grafik bloklarına dönüştürür. Kenarlık yarıçapı mantığı keskin bir ikilik yaratır: küresel gezinme öğeleri için 50 piksellik dış "çiviler", içerik kapsayıcılarının keskin 0 piksellik köşeleriyle kasıtlı olarak zıtlık oluşturur.
Kompozisyonlar, görüntü alanını ortalayan aşırı geniş kenarlıklara (maksimum 1440 piksel) dayanır ve bölümler arasında geniş makro boşluk (96-120 piksel beyaz boşluk) ile ayrılmış yoğun içerik kümeleri içerir. "Kahraman" arketipi genellikle, yüzen, mükemmel şekilde ortalanmış bir kullanıcı arayüzü bloğunun altına dinamik olarak sabitlenmiş asimetrik bir resim galerisi kullanır. Sayfanın alt kısmında, bilgiler hemen kenar boşlukları olmayan katı bir dört sütunlu ızgaraya uyar, tekrarlayan kart kümelerini çerçeveler, nesne yoğunluğunu en üst düzeye çıkarırken çerçeveden kenar boşluklarını ortadan kaldırır.
Görsel tasarım, kullanıcı odaklı sonuçlara dayanmaktadır. Görseller, fiziksel nesneleri anımsatan düz, çerçevesiz kareler veya dağınık, üst üste binen parçalar halinde, sade ve boş bir arka plana karşı sergilenir. Görseller, web sitesindeki tek renk kaynağıdır. Yaşam tarzı fotoğrafçılığı unsurları veya standart kurumsal illüstrasyonlar bulunmamaktadır; her grafik öğe, dijital bir tuvalin kesin, gerçek bir anlık görüntüsüdür ve aynı anda hem ürün kanıtı hem de temel estetik unsur olarak işlev görür.
Palet
Marka
- Context Action Violet
#4d49fc— Alt paneller içinde yerelleştirilmiş birincil eylem çağrısı - tek bir dikkat çekici renk odak noktasını tanımlar.
Doğal
- Absolute Canvas
#ffffff— Sayfa arka planı, kayan araç çubukları, yükseltilmiş panel tabanları. - Structural Ink
#000000— Temel yazı tipi, düz düğme arka planı, düğme çerçeveleri. - Graphite Metadata
#595959— İkincil yazar metni, yerelleştirilmiş alt metin, yer tutucu değerler - Boundary Frame
#e2e2e2— İnce ayırıcılar ve etkin olmayan giriş alanı sınırları. - Angular Teal
#33dfdf— Dekoratif efektler, yükleme göstergeleri ve aktif imleç görselleştirmesi.
Tipografi
12 ila 72 piksel arası · 6 adım
- figmaSans — yenisiyle değiştirme: Inter · ana hatlar 320, 330, 340, 400, 450, 480, 520, 700 · Ekran başlıklarından gezinme etiketlerine kadar her şeyi yöneten çok yönlü bir araç. Optik negatif izlemeyi değiştirerek benzersiz bir görünüm yaratır.
- figmaMono — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400 · Mikro etiketler, koordinat takibi ve teknik unsurlar; içerikten ziyade kullanıcı arayüzü öğeleri olarak işlev görüyor.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 24px |
| Düğme yarıçapı | 8px |
| Kart yarıçapı | 12px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 96-120px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi Figma 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
- Caldera — Sıcak kireçtaşı üzerinde ateş yakılmış gibi. Tuval, ham, sıcak alçıdan yapılmış ve her turuncu unsur, yüzeye bastırılmış kor halindeki közler gibi görünüyor.
- Vercel — Terminal beyaz kağıda basılmıştır.
- Dylanbrouwer — Gün batımında brütalist dökümhane
- Headspace — Sıcak kağıt üzerinde güneşli bir sağlıklı yaşam köşesi.
- WHOOP — Gece yarısı performans laboratuvarı - siyah bir tiyatro boşluğunun altında beyaz klinik laboratuvar masaları, tek bir mor elektrik darbesi.
- (dot)connect — Tek bir kömür parçasıyla yapılmış İsviçre mühendislik çizimi.
- Together AI — Buzul kağıdı üzerine araştırma konsolu
- Vivid+Co — obsidyenden geçen prizmatik ışık
- 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.
- v0 by Vercel — Torna çizimi. Hassasiyet ve işlevsellik en önemli unsurlardır; her bir eleman, temiz ve teknik olarak mükemmel bir yüzey üzerinde net bir amaca hizmet eder.
- 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.