Mevcut proje altyapısını kullanarak [PROJECT] ve [AUDIENCE] için düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Müzik Pratik Günlüğü.

## Gerekli içerik ve yapı

Alıştırmalardan bir pratik oturumu oluşturun, hedef tempo ve süreyi belirleyin, ardından gerçekte çalışılan tempoyu ve bir kayıt notunu kaydedin.

## Ekranlar ve gezinme

Birbiriyle bağlantılı üç görünüm oluşturun: Pratik planı; Alıştırma zamanlayıcısı; Oturum notları. Seçili kaydı ekran başlığında veya özette görünür tutun. Belirgin bir geri işlemini destekleyin ve görünümler arasında geçiş yaparken devam eden girişleri koruyun. Birincil işlemi ilgili içeriğin yakınında tutun; mobil güvenli alanları, görünür yazılım klavyesini ve uzun çevrilmiş etiketleri hesaba katın. Masaüstü genişliklerinde, bir adımı kaldırmadan veya görevi değiştirmeden düzeni uyarlayın.

## Proje girdileri

Adlar, kayıtlar, etiketler, miktarlar ve hedefler için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri isteyin. Tanıtım kayıtlarında kurgusal Tempo Notes markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi işlemlerin yerel prototip etkileşimleri olduğunu, hangilerinin kimlik doğrulama, kalıcılık, izinler veya arka uç gerektirdiğini açıklayın. Söz konusu entegrasyon açıkça uygulanıp test edilmedikçe harici hizmetlere bağlanmayın veya bir işlemin tamamlandığını iddia etmeyin.

## Tasarım yönü

[BRAND_RULES] kurallarına uyun. Marka sağlanmadığında gece yarısı laciverti, sıcak beyaz, kehribar ve müzikal ızgara ayrıntıları kullanın. Genel pano kartlarını tekrarlamak yerine iş akışını kendi içeriği ve kontrolleriyle tanınabilir hâle getirin. Tutarlı bir boşluk ölçeği ve net bir metin hiyerarşisi kullanın. Görünür klavye odağı, erişilebilir adlar, yeterli kontrast ve renge bağlı olmayan durum etiketleri ekleyin. Azaltılmış hareket tercihlerine uyun ve animasyonlu geçişleri isteğe bağlı tutun.

## Göreve özel kabul kontrolü

- Hedef tempoyu ve kaydedilen tempoyu ayrı tutun ve arayüzün performans kalitesini değerlendirdiği izlenimini asla vermeyin.

## Etkileşim durumları

Üç ekranlı başarılı akışı yerel örnek verilerle uygulayın. Kullanışlı bir boş durum, eylemi tamamlamadan önce doğrulama, yükleniyor veya bekliyor durumu ve giderilebilir bir hata durumu ekleyin. Yıkıcı değişiklikler için inceleme veya geri alma yolu gerekir. Bir kaydın durumunu üç görünümün tamamında tutarlı tutun. Kısmen tamamlanmış girdileri sessizce silmeyin veya yeniden denemeden sonra kullanıcının seçimini değiştirmeyin.

## Teslimat ve inceleme

Düzenlenebilir uygulama görünümlerini sunun; veri modelini, yerel depolama davranışlarını ve uygulanmamış entegrasyonları açıklayın. 320px genişlikte ve daha geniş bir görünüm alanında; klavye navigasyonu ve uzun içerikle test edin. Özellik eklemeden önce sonucu incelemek için yukarıdaki göreve özel kabul kontrolünü kullanın. Tanıtım davranışını çalışan bir üretim hizmetinden açıkça ayırın.

## Referans eki ve yeniden oluşturma hedefi

Bu istemin indirme paketindeki reference.webp dosyasını, bu istemle birlikte OpenDesign'a ekleyin. Benzer kompozisyon ve hiyerarşiye sahip, düzenlenebilir bir sonuç oluşturun; referans görselin tamamını bitmiş arayüz olarak gömmeyin. Kurgusal örnek etiketlerle çelişmesi durumunda onaylanmış proje içeriğini ve marka kurallarını koruyun. Görsel eksikse veya okunamıyorsa görsel doğruluk iddiasında bulunmak yerine dosyayı isteyin.

## Referans kompozisyonu ve içeriği

Ekli reference.webp dosyasını Müzik Pratik Günlüğü için görsel referans olarak kullanın. Oluşturmaya başlamadan önce ana bölgeleri yukarıdan aşağıya, göreli genişlik ve yüksekliklerini, hizalamayı, boşlukları, tipografi hiyerarşisini, yüzey renklerini, kenarlıkları, görselleri ve yinelenen bileşenleri belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Alıştırmalardan bir pratik oturumu oluşturun, hedef tempo ve süreyi belirleyin, ardından gerçekte çalışılan tempoyu ve bir kayıt notunu kaydedin. Görseli düzenlenebilir öğelere dönüştürürken göreve özgü şu yerleşim yönlendirmesini kullanın: Giriş ekranı olarak Pratik planıyla başlayın, Alıştırma zamanlayıcısına net bir birincil işlem verin ve Oturum notlarının ne olduğunu ve bundan sonra neler yapılabileceğini açıklamasını sağlayın. Başlangıç yönü olarak gece yarısı laciverti, sıcak beyaz, kehribar ve müzikal ızgara ayrıntılarını kullanıp bunları sağlanan markaya uyarlayın. Kayıt kimliğini ve gezinme bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla erişilebilir kontrollere ve okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni bir uçtan diğerine esnetmek yerine iş akışının bütünlüğünü koruyun.

## Örnek proje gereksinimindeki görsel yön

gece yarısı laciverti, sıcak beyaz, kehribar, müzikal ızgara ayrıntıları.

## Etkileşim özellikleri

Referans statik bir konsepttir: Aşağıdaki davranış, uygulanması gereken bir gereksinimdir; görselin zaten çalıştığının kanıtı değildir. Özelleştirilmiş promptu projenize kopyalayın ve bağlantılı akışı oluşturun: Alıştırmalardan bir pratik oturumu oluşturun, hedef tempo ve süreyi belirleyin, ardından gerçekte çalışılan tempoyu ve bir kayıt notunu kaydedin. Hedef tempoyu ve kaydedilen tempoyu ayrı tutun ve arayüzün performans kalitesini değerlendirdiği izlenimini asla vermeyin. Görünür her kontrol için tetikleyicisini, etkilenen durumu ve geri bildirimi belirtin; ilgili görünümlerde tutarlı durumu koruyarak yerel değişiklikleri uygulayın. Arama ve filtrelerin gerçek sonuçlar vermesini, seçim kontrollerinin belirgin bir etkin duruma sahip olmasını ve uygun yerlerde kaydetme işlemlerinin görünür beklemede/başarılı/başarısız geri bildirimi sunmasını sağlayın. İlgisiz iş akışları eklemeyin. Gezinme için uygun bağlantılar, işlemler için düğmeler ve simge kontrolleri için erişilebilir adlar kullanın. Yalnızca yerel bir demo değiştiğinde arka uç işleminin başarıyla tamamlandığı izlenimini vermeyin.

## Görsel karşılaştırma ve teslim

1. Sonucu ekli görselle eşleşen oranlarda karşılaştırın. Dekoratif ayrıntıları iyileştirmeden önce ana bölgelerin yerleşimini, göreli görsel boyutlarını, satır sonlarını, boşlukları, tipografi hiyerarşisini, kontrastı, etkin durumları ve içerik yoğunluğunu inceleyin.
2. Ardından masaüstü metnini küçük etiketlere sıkıştırmadan dar düzeni test edin.
3. Logoları, fotoğrafları ve simgeleri ayrı varlıklar olarak; anlamlı tüm etiketleri ise düzenlenebilir tutun. Kullanılamayan yazı tiplerini/varlıkları ve bilinçli sapmaları listeleyin. Çalışan dosyalarla birlikte uygulanan davranışların ve kalan entegrasyonların kısa bir açıklamasını sunun; yalnızca isteme dayanarak piksel düzeyinde aynı sonuç vadetmeyin.