İki eksen var ve birbirinden bağımsız çalışıyorlar. Işık kök elemana konuyor, mod ise herhangi bir elemana konabiliyor ve o ağacın tamamını kapsıyor. Bir terapist panelinin içine gömülü çocuk alıştırmasına data-mod="oyun" koymak yeterli, ayrı bir sayfa gerekmiyor.
Modlar neyi değiştiriyor
Renk
Değerler o an yürürlükte olan moddan ve temadan okunuyor.
Zemin
canvas
…
sunk
…
surface
…
surface-2
…
Metin
ink
…
ink-2
…
ink-mut
…
Çizgi
line
…
line-soft
…
Marka
brand
…
brand-bright
…
brand-ink
…
brand-soft
…
İkincil
warm
…
warm-ink
…
gold
…
gold-ink
…
Durum
ok
…
warn
…
danger
…
info
…
Tipografi
Başlıklar Gabarito, gövde Figtree. Gabarito 20 pikselin altında karakterini kaybediyor, o yüzden küçük etiketlerde kullanılmıyor.
Türkçenin zor harfleri
ĞÜŞİÖÇ · ğüşıöç · İIiı
Işık ışıl ışıldıyor, İzmir'de üç ağaç çiçek açtı.
Düğme
Dokunma alanı token'dan geliyor, moda göre değişiyor.
Rozet ve durum
Form
Veli portalında da bu ad görünür.
Bu adres başka bir danışanda kayıtlı.
Anahtar ve ilerleme
Seans sayacı
Ürünün en çok dokunulan parçası. İki hedef alabildiğince büyük ve birbirinden uzak, çünkü terapist çocukla göz teması kurarken tablete bakmadan basıyor.
Boş durum
Henüz danışan eklenmemiş
Danışan eklediğinde seansları, hedefleri ve veli bilgilendirmeleri burada toplanır.
Üç mod yan yana
Aynı bileşen, üç ayrı kapsam. Tek fark her kartın kendi data-mod değeri.
Profesyonel
ROKET
/ɾokét/ · sözcük başı r
Oyun
ROKET
/ɾokét/ · sözcük başı r
Sakin
ROKET
/ɾokét/ · sözcük başı r
Örnek ekran
Bileşenlerin gerçek bir işte bir arada hali.
Bugün
7 Mart, Cuma
- 09:30Elif Kaya/r/ sesletim · 5 yaşbitti
- 10:15Mert AydınAkıcılık · 7 yaşbitti
- 11:00Zeynep DemirGeç konuşma · 4 yaşşimdi
- 13:30Kaan Toprak/ʃ/ ayrımı · 6 yaş
Veliye giden
Bugünkü seansta /r/ sesinde 15 denemeden 12'si doğru. Evde 5 dakika: roket, resim, rüzgâr.