← Katalog 55 · Mobil uygulama standartları

Renk duvar kâğıdından doğar

Material You'da palet tasarımcının değil kullanıcının seçimidir: duvar kâğıdından türetilen tonal renkler tüm yüzeylere dağılır. Cömert yuvarlaklık, hap arama çubuğu ve pill göstergeli gezinme M3'ün imzasıdır.

Dinamik renk (Material You)
Tek tohum renkten beş tonal palet üretilir; primary #6750a4 ise container'ı #eaddff olur. Kontrast matematikle garanti edilir.
Tonal katmanlar
Derinlik gölgeyle değil ton farkıyla anlatılır: yüzey #fef7ff, kart #e8def8, vurgu #eaddff. Saf beyaz ve saf siyah yoktur.
Şekil ölçeği (dev radius)
Arama çubuğu 28 px, hero kart 24 px, FAB 16 px köşe alır. Yuvarlaklık süs değil hiyerarşi aracıdır: büyük öğe, büyük radius.
Duarte: "renk kullanıcınındır"
Matías Duarte'nin ekibi markanın rengini değil kişinin telefonunu merkeze aldı — aynı uygulama her cihazda farklı, her cihazda uyumlu görünür.
10:08▮▮▮ ⬤
☰ Bahçemde ara EA
Merhaba, Elif
🌿
Balkon bitkilerin bugün sulama istiyor
Sulama Işık
📅
Haftalık plan
🔔
Hatırlatıcı
+
🏠
Bahçem
🪴
Bitkiler
📖
Rehber
A · leylak duvar kâğıdı
10:08▮▮▮ ⬤
☰ Bahçemde ara EA
Merhaba, Elif
🌿
Balkon bitkilerin bugün sulama istiyor
Sulama Işık
Aynı arayüz, farklı duvar kâğıdı: tohum renk yeşile dönünce tüm tonal katmanlar otomatik yeniden hesaplanır.
+
🏠
Bahçem
🪴
Bitkiler
📖
Rehber
B · yeşil duvar kâğıdı
Material You (M3)Matías Duarte
Tasarım promptu — 55 — Material You (M3) seçip kopyalayın
İngilizce prompt · detaylı
Design a Material You (Material 3) mobile app screen in Roboto. Surface #fef7ff, primary #6750a4, text #1d1b20. Top: a 28px-radius pill search bar (#ece6f0) with hamburger, hint text and a circular avatar. Then a friendly greeting headline and tonal cards: a large hero card in lilac container #eaddff with 24px radius, title and chips; two medium cards in #e8def8 and #ffd8e4 with soft icon circles. Bottom right: a 56px FAB (#6750a4, 16px radius, plus icon, soft shadow). Bottom navigation bar with 3 destinations, the active one marked by a #e8def8 pill indicator with a label below. Show a second phone where a green wallpaper seed recolors every layer. No iOS tab bar, no pure black or white, no sharp corners.
Türkçe brief
Duvar kâğıdından türeyen tonal paletler, dev yuvarlaklık, pill gösterge ve FAB ile Material 3 dilini iki farklı tohum renkte gösteren mobil ekran.
Palet
#fef7ff
#6750a4
#eaddff
#e8def8
#ffd8e4
#1d1b20
Tipografi
Roboto 400/500/700; başlıklar 400, etiketler 500
Düzen
Pill arama + hero kart + 2'li tonal kartlar + FAB + nav bar
Hareket
Container transform geçişleri; hap gösterge kayarak taşınır
Kaçınılacaklar
iOS tab bar, saf siyah/beyaz, keskin köşe, tek düze gri