← Katalog 47 · Masaüstü uygulama dilleri

Işık, derinlik ve malzeme

Fluent Design, pencereyi masaüstünün renginden beslenen bir "mica" malzemesi üstüne kurar: yumuşak katmanlar, 8px köşeler, hover'da hafifçe yükselen kartlar. Derinlik gölgeden çok ışıkla anlatılır.

Denge — Sistem Ayarları

—▢✕

⌕ Ayarlarda ara

🖥 Sistem

🎨 Kişiselleştirme

🔔 Bildirimler

🌐 Ağ ve internet

🔒 Gizlilik

♿ Erişilebilirlik

⟳ Güncelleme

Kişiselleştirme › Renkler

Renkler

🌗

Modunuzu seçin

Açık mod; pencereler mica dokusunu masaüstünden alır

Açık ▾

✨

Saydamlık efektleri

Akrilik yüzeyler menü ve panellerde arka planı sızdırır

🎯

Vurgu rengi

Seçili öğelerde, toggle'larda ve sol accent çizgisinde kullanılır

🪟

Başlık çubuklarına vurgu rengini uygula

Kapalı bırakıldığında krom nötr kalır, içerik öne çıkar

🖱

Hover durumu

Bu kart imleç altındaymış gibi bir tık yükselmiş çizildi

›

Işık

Hover ve odak, gölgeyle değil ince bir aydınlanma ve yükselme hissiyle anlatılır; sınırlar 1px ve yumuşaktır.

Derinlik

Zemin, nav ve kart üç ayrı katmandır; her katman bir öncekinden yalnızca bir tık daha opak ve parlaktır.

Malzeme (mica/akrilik)

Mica pencerenin arkasındaki duvar kâğıdının rengini emer; akrilik ise geçici yüzeylerde daha saydam bir katmandır.

    Fluent / Windows 11Albert Shum · Microsoft
  

Tasarım promptu — 47 — Fluent / Windows 11 seçip kopyalayın

İngilizce prompt · detaylı

Design a Windows 11 Fluent-style Settings app. Soft mica background with a faint blue-lilac gradient (#f3f3f9 to #eef1f6), window with 8px-radius corners, minimal caption buttons and no traffic lights. Left 300px navigation of icon+label rows with a rounded search box; the selected row gets a subtle fill plus a 3px #0067c0 accent bar on its left edge. Right side: breadcrumb plus 26px 600-weight page title, then stacked white settings cards (#ffffff, 8px radius, 1px rgba border, faint shadow, hover lifts slightly) containing toggle switches, a dropdown and accent color swatches. Segoe UI throughout, text #1b1b1b, secondary #616161. Avoid pure black, sharp corners and heavy blur.

Türkçe brief

Mica zeminli, sol navigasyonlu ve beyaz ayar kartlı bir Windows 11 Ayarlar uygulaması; ışık ve katman derinliğiyle Fluent dili.

Palet

#f2f3f9

#ffffff

#0067c0

#1b1b1b

#616161

Tipografi

Segoe UI / system-ui; 26px 600 sayfa başlığı, 13-14px UI metni

Düzen

300px sol nav + breadcrumb başlık + dikey ayar kartı yığını

Hareket

Hover'da kart hafifçe yükselir; toggle yumuşak kayar

Kaçınılacaklar

Mac trafik ışıkları, tam siyah, köşesiz keskinlik, aşırı blur