Tasarım sistemi

Yaprak aynı kalır, duvar değişir.

Kalan Gün duvar takvimi gibi çalışan bir geri sayım uygulaması. Burada nasıl tasarlandığını açıkça gösteriyoruz: ilkeler, renkler, yazı tipleri, temalar, sahneler ve bunların uyduğu kurallar.

Bugün uygulamada uygulamanın bugün yaptığını, Kural sahneler için yazılmış tasarım kuralını gösterir. Kural, henüz uygulamada olan bir özellik demek değildir.

İlkeler

Altı kural, bir yaprak.

Önce güven.
Widget doğru günü gösterir, veri telefon değişince kalır, hesap istenmez. Zanaat bunun üstüne gelir.
Sayı kazanır.
Hiçbir sahne kalan gün sayısıyla yarışmaz. Sayı her zaman kâğıdın üstündedir.
Sahne renkten ibaret değildir.
Gri tonlamada tanınmayan bir çizim, sahne sayılmaz.
Yaprak kâğıttır.
Bakır, kumaş ya da cam yırtılmaz; onlar duvarda durur ya da kâğıda basılır.
Her şeyin bir sebebi vardır.
Ses ve titreşim koparma gibi önemli anlara saklanır, süs için çıkmaz.
Her kişilik kapanabilir.
Sahne, hareket, ses, efekt: kişilik katan her şeyin bir kapatma yolu olmalı.

Duvar ve yaprak

Duvar içerik katmanıdır ve sahneyi taşır. Yaprak ortada, üstte ve dokunulabilir.

Çizim, fotoğraf değil

Sahneler kodla çizilir: her ekran boyutunda keskin kalır, dosyası küçüktür, lisans gerektirmez.

Dil

Türkçe, sen diliyle, sakin ve kısa. Sınavda karşılaştırma, sıralama ya da başarısızlık şakası yok. Kaynağı olmayan kültürel bilgi yazılmaz; sahne yazısız da çalışır.

İkonlar

Kontrollerde SF Symbols, yaprakta özel çizim. Emoji kullanılmaz.

Temel bileşen

Yaprağın anatomisi.

28 EKİM · ÇARŞAMBA

Doğum günüme

GÜN KALDI

Yarının yaprağı

Örnek yaprak, sitenin çizimi: sayı ve tarih örnektir.

Halkalar. İki halka yaprağı desteye bağlar.
Şerit. Kırmızı dışındaki hedef rengi yaprağın üstünde ince bir şerit olur.
Tarih satırı. Küçük, büyük harf, geniş aralıklı; band-text renginde.
Hedef adı. "Doğum günüm" güvenliyse Türkçe yönelme ekiyle yazılır: "Doğum günüme".
Sayı. Oswald 700, 150 pt, tabular rakam. Ekrandaki en büyük şey.
Birim. Gün, ay ve gün, hafta sonu, iş günü ya da saat.
Alt satır. Ek bilgi; birimin sıfır olduğu durumu da burada anlatır.
Deste. Yüksekliği kalan yaprak sayısını gösterir, her gün incelir. Kâğıda gerçek bir iş düşer.

Durumlar

Normal
Tarih bekleniyor ("?")
Hedef günü ("BUGÜN")
Koparıldı, arka yüz
Kilitli yarın

Bugün uygulamada Aynı yaprak bileşeni uygulamada, büyük widget'ta ve paylaşım kartında kullanılır.

Renk token'ları

Klasik temanın değerleri.

Her tema aynı token setinin farklı değerleridir: yeni tema yeni değer demektir, yeni kod değil. Aşağıdaki değerler uygulamanın kaynak kodundan üretildi. Kırmızı yalnızca beklenen günü ve ekrandaki ana eylemi işaretler; gerisi kâğıt ve mürekkep tonlarıdır.

wall
Yaprağın arkasındaki duvar.
Açık#ECE6DA
Koyu#15130F
paper
Yaprak yüzeyi. Sayı her zaman bunun üstünde durur.
Açık#FFFDF7
Koyu#23201B
ink
Kalan gün sayısı ve ana metin.
Açık#1B1A17
Koyu#F3EEE4
ink-soft
İkincil metin.
Açık#4A443A
Koyu#CFC5B1
muted
Etiketler ve üçüncül metin.
Açık#6E665A
Koyu#A39A89
band
Kırmızı gün: şerit ve ekrandaki ana eylem.
Açık#C8201A
Koyu#E5483F
band-text
Kâğıt üstünde tarih satırı; kontrast için band'den koyu.
Açık#A31A15
Koyu#F07A72
on-band
Şerit üstündeki metin.
Açık#FFFDF7
Koyu#15130F
chip
Küçük yüzeyler ve seçim çipleri.
Açık#F7F3EA
Koyu#2C2822
rule
İnce ayırıcı çizgi.
Açık#D6CDBB
Koyu#3A352D
stack
Destenin çizgileri.
Açık#CFC5B1
Koyu#4A443A
stack-edge
Destenin alt kenarı.
Açık#B9AD95
Koyu#5A5246

Hedef şerit renkleri

Her hedefin kendi şerit rengi var: 16 renk. Şablonlarda kırmızı bayram ve tatil, mavi sınav, mürekkep kişisel hedef, gri tarihi olmayan hedef demektir. Mürekkep temanın kendi mürekkebidir, bu yüzden aşağıda sabit değeri yok. Her satırda açık ve koyu değer yan yana.

Kırmızı#C8201A#E5483F
Mercan#B8432B#F0795F
Turuncu#A85410#F0912F
Hardal#7F6000#E0B22E
Zeytin#66701C#B5C255
Yeşil#2F7D5B#5FB58C
Turkuaz#137A7F#4DC0C4
Gök#1D6F9F#5DB6EA
Mavi#2D5BA8#7FA3E6
Lacivert#1E2F6E#7C8DE0
Mor#6B3FA0#B08CEB
Erik#8A2F6B#D97FB8
Pembe#BA3A68#F07FA6
Kahve#7A4A2A#C9926A
Gri#6B6459#8A8274

Tipografi

Takvim baskısı ve sistem yazısı.

Oswald rakamları, birimleri ve yazı logosunu taşır; dar, takvim baskısı hissi verir. Arayüz metni SF Pro'dur. Hepsi Dinamik Yazı ile ölçeklenir, sayılarda tabular rakam kullanılır.

leafNumberOswald 700 · 150
56
displayOswald 700 · 44
Yılbaşına
displaySmallOswald 700 · 30
Henüz yaprak koparmadın.
unitOswald 500 · 22
GÜN KALDI
wordmarkOswald 600 · 18 · %6 aralık
KALAN GÜN
titleSF Pro 700 · 28
Temalar
headlineSF Pro 600 · 17
Bugünün yaprağı
bodySF Pro 400 · 17
Her sabah bugünün yaprağını kopar.
captionSF Pro 400 · 13
Yarının yaprağı
eyebrowSF Pro 700 · 12 · 1,7 pt aralık
28 EKİM · ÇARŞAMBA

Rakam yazı tipleri

Oswald herkese açık. DM Serif Display bazı temaların kendi rakamıdır ve bu temalarda ücretsiz gelir; aşağıdaki dört yazı tipini her temaya uygulamak Destek paketindedir. Her yazı tipinin boyutu Oswald ile aynı yeri dolduracak şekilde ayarlanır.

56
OswaldVarsayılan
56
DM Serif DisplayDestek
56
Bebas NeueDestek
56
Playfair DisplayDestek
56
Space MonoDestek

Boşluk ve köşe

4 pt tabanlı ölçek.

Boşluk

xs4
sm8
md12
lg16
screen20, ekran kenarı
xl24
xxl32
xxxl48

Köşe

leaf6. Yaprak kasıtlı olarak keskin, gerçek kâğıt gibi.
row12. Liste satırı.
button14. Düğme.
card22. Kart.

Uygulamada yaprağın dinlenirken gölgesi yok; derinliği deste çizgileri verir.

Renk temaları

49 renk teması.

Temalar renk değiştirir; yerleşim, sayı ve koparma aynı kalır. 8 tema elle ayarlandı. Diğer 41 tema dört tohum renkten (kâğıt, duvar, mürekkep, şerit) türetilir: mürekkep kâğıt üstünde 7:1, ikincil metin ve şerit 4,5:1 kontrasta ulaşana kadar küçük adımlarla kaydırılır. Her temanın açık ve koyu hâli var. 10 tema ücretsiz, 39 tema Destek paketinde.

Temel 10 tema

Klasik
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #ECE6DA #15130F
Kâğıt #FFFDF7 #23201B
Mürekkep #1B1A17 #F3EEE4
Şerit #C8201A #E5483F
Okul
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DCE3EC #0F1626
Kâğıt #FFFFFF #172036
Mürekkep #1F2A44 #E6ECF7
Şerit #2D5BA8 #6F96E0
Kraft
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #A88B64 #1C160F
Kâğıt #DCC7A3 #2E2418
Mürekkep #1B1A17 #E8D7B8
Şerit #1B1A17 #E8D7B8
Çini
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E6EEF3 #0A1825
Kâğıt #FFFFFF #11243A
Mürekkep #0E2A47 #E3EEF7
Şerit #1F5FA8 #5B9BE0
Zeytin
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DDE0CF #12150D
Kâğıt #F7F8EF #1D2216
Mürekkep #232A1A #E6EBD9
Şerit #4F6B2E #9CBF6A
Lokum
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #F1DFE0 #1C1012
Kâğıt #FFF8F6 #2A1A1E
Mürekkep #3A1F25 #F6E6E8
Şerit #B5476A #E07A99
Gazete
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D8D6D0 #0E0E0E
Kâğıt #F2F0EA #1A1A19
Mürekkep #111111 #EDEBE6
Şerit #111111 #EDEBE6
Lacivert
Ücretsiz · Elle ayarlandı
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D9DCE6 #0B0F22
Kâğıt #FBFBFD #151B36
Mürekkep #141A33 #ECEEF8
Şerit #1E2A5A #C9A23A
Kum
Ücretsiz · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E6D9BF #110E09
Kâğıt #FBF5EA #252017
Mürekkep #2B2417 #FBF5EA
Şerit #8E622A #B39062
Gece
Ücretsiz · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D6DBE2 #0C1117
Kâğıt #F2F4F7 #1A222C
Mürekkep #16202B #E6EBF2
Şerit #3D5A80 #8FB3DE

	Açık	Koyu
Duvar	`#ECE6DA`	`#15130F`
Kâğıt	`#FFFDF7`	`#23201B`
Mürekkep	`#1B1A17`	`#F3EEE4`
Şerit	`#C8201A`	`#E5483F`

	Açık	Koyu
Duvar	`#DCE3EC`	`#0F1626`
Kâğıt	`#FFFFFF`	`#172036`
Mürekkep	`#1F2A44`	`#E6ECF7`
Şerit	`#2D5BA8`	`#6F96E0`

	Açık	Koyu
Duvar	`#A88B64`	`#1C160F`
Kâğıt	`#DCC7A3`	`#2E2418`
Mürekkep	`#1B1A17`	`#E8D7B8`
Şerit	`#1B1A17`	`#E8D7B8`

	Açık	Koyu
Duvar	`#E6EEF3`	`#0A1825`
Kâğıt	`#FFFFFF`	`#11243A`
Mürekkep	`#0E2A47`	`#E3EEF7`
Şerit	`#1F5FA8`	`#5B9BE0`

	Açık	Koyu
Duvar	`#DDE0CF`	`#12150D`
Kâğıt	`#F7F8EF`	`#1D2216`
Mürekkep	`#232A1A`	`#E6EBD9`
Şerit	`#4F6B2E`	`#9CBF6A`

	Açık	Koyu
Duvar	`#F1DFE0`	`#1C1012`
Kâğıt	`#FFF8F6`	`#2A1A1E`
Mürekkep	`#3A1F25`	`#F6E6E8`
Şerit	`#B5476A`	`#E07A99`

	Açık	Koyu
Duvar	`#D8D6D0`	`#0E0E0E`
Kâğıt	`#F2F0EA`	`#1A1A19`
Mürekkep	`#111111`	`#EDEBE6`
Şerit	`#111111`	`#EDEBE6`

	Açık	Koyu
Duvar	`#D9DCE6`	`#0B0F22`
Kâğıt	`#FBFBFD`	`#151B36`
Mürekkep	`#141A33`	`#ECEEF8`
Şerit	`#1E2A5A`	`#C9A23A`

	Açık	Koyu
Duvar	`#E6D9BF`	`#110E09`
Kâğıt	`#FBF5EA`	`#252017`
Mürekkep	`#2B2417`	`#FBF5EA`
Şerit	`#8E622A`	`#B39062`

	Açık	Koyu
Duvar	`#D6DBE2`	`#0C1117`
Kâğıt	`#F2F4F7`	`#1A222C`
Mürekkep	`#16202B`	`#E6EBF2`
Şerit	`#3D5A80`	`#8FB3DE`

Pastel 5 tema

Lavanta
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E6DEF5 #120E1C
Kâğıt #F8F4FF #272038
Mürekkep #2E2447 #F8F4FF
Şerit #7A5BB8 #9B84CA
Nane
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DCEEDF #0C1711
Kâğıt #F4FBF6 #1D2F25
Mürekkep #1F3A2B #F4FBF6
Şerit #377D57 #6EAA8A
Şeftali
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #F8E0D2 #1E110C
Kâğıt #FFF6F0 #3A251C
Mürekkep #4A2B1E #FFF6F0
Şerit #A85432 #DD8F6F
Bulut
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DDE6EF #0F161E
Kâğıt #F6F9FC #212D3A
Mürekkep #25364A #F6F9FC
Şerit #4C719B #83A4CA
Pudra
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #F5DDE4 #1E0F13
Kâğıt #FFF5F7 #3A2129
Mürekkep #4A2530 #FFF5F7
Şerit #B14D6B #D7819B

	Açık	Koyu
Duvar	`#E6DEF5`	`#120E1C`
Kâğıt	`#F8F4FF`	`#272038`
Mürekkep	`#2E2447`	`#F8F4FF`
Şerit	`#7A5BB8`	`#9B84CA`

	Açık	Koyu
Duvar	`#DCEEDF`	`#0C1711`
Kâğıt	`#F4FBF6`	`#1D2F25`
Mürekkep	`#1F3A2B`	`#F4FBF6`
Şerit	`#377D57`	`#6EAA8A`

	Açık	Koyu
Duvar	`#F8E0D2`	`#1E110C`
Kâğıt	`#FFF6F0`	`#3A251C`
Mürekkep	`#4A2B1E`	`#FFF6F0`
Şerit	`#A85432`	`#DD8F6F`

	Açık	Koyu
Duvar	`#DDE6EF`	`#0F161E`
Kâğıt	`#F6F9FC`	`#212D3A`
Mürekkep	`#25364A`	`#F6F9FC`
Şerit	`#4C719B`	`#83A4CA`

	Açık	Koyu
Duvar	`#F5DDE4`	`#1E0F13`
Kâğıt	`#FFF5F7`	`#3A2129`
Mürekkep	`#4A2530`	`#FFF5F7`
Şerit	`#B14D6B`	`#D7819B`

Doğa 6 tema

Orman
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D3DEC4 #09130C
Kâğıt #F3F7EC #17291D
Mürekkep #17301F #F3F7EC
Şerit #2F6B3A #6F9977
Deniz
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #CFE6EA #06141A
Kâğıt #F2FAFB #112B33
Mürekkep #0E3340 #F2FAFB
Şerit #11708A #5B9DAE
Çöl
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E8D4A8 #191208
Kâğıt #FBF3E2 #312615
Mürekkep #3E2C14 #FBF3E2
Şerit #9F591A #C88C56
Sonbahar
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #EBD3B5 #170E07
Kâğıt #FFF6EA #2F2014
Mürekkep #3A2412 #FFF6EA
Şerit #B8461A #CC7A5A
Kiraz
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #F0D2CF #18080A
Kâğıt #FFF7F5 #311619
Mürekkep #3D1519 #FFF7F5
Şerit #A8203A #C66C7D
Fıstık
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DDE8B8 #111507
Kâğıt #F8FBEA #242B14
Mürekkep #2A3412 #F8FBEA
Şerit #5C7819 #92AB56

	Açık	Koyu
Duvar	`#D3DEC4`	`#09130C`
Kâğıt	`#F3F7EC`	`#17291D`
Mürekkep	`#17301F`	`#F3F7EC`
Şerit	`#2F6B3A`	`#6F9977`

	Açık	Koyu
Duvar	`#CFE6EA`	`#06141A`
Kâğıt	`#F2FAFB`	`#112B33`
Mürekkep	`#0E3340`	`#F2FAFB`
Şerit	`#11708A`	`#5B9DAE`

	Açık	Koyu
Duvar	`#E8D4A8`	`#191208`
Kâğıt	`#FBF3E2`	`#312615`
Mürekkep	`#3E2C14`	`#FBF3E2`
Şerit	`#9F591A`	`#C88C56`

	Açık	Koyu
Duvar	`#EBD3B5`	`#170E07`
Kâğıt	`#FFF6EA`	`#2F2014`
Mürekkep	`#3A2412`	`#FFF6EA`
Şerit	`#B8461A`	`#CC7A5A`

	Açık	Koyu
Duvar	`#F0D2CF`	`#18080A`
Kâğıt	`#FFF7F5`	`#311619`
Mürekkep	`#3D1519`	`#FFF7F5`
Şerit	`#A8203A`	`#C66C7D`

	Açık	Koyu
Duvar	`#DDE8B8`	`#111507`
Kâğıt	`#F8FBEA`	`#242B14`
Mürekkep	`#2A3412`	`#F8FBEA`
Şerit	`#5C7819`	`#92AB56`

Gece 5 tema

Gece Mavisi
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DADFEF #090E1E
Kâğıt #F4F6FC #131B33
Mürekkep #111A36 #E8ECFA
Şerit #3550B5 #7C95F0
Kömür
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D9D9D9 #0B0B0C
Kâğıt #F3F3F3 #1B1B1D
Mürekkep #1A1A1A #EDEDED
Şerit #4A4A4A #C8C8CC
Mürdüm
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E5D6E8 #120817
Kâğıt #F9F3FA #22122A
Mürekkep #2B1530 #F3E6F7
Şerit #7B2E8C #C77BE0
Zümrüt Gece
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #CFE6DD #06130F
Kâğıt #F2F9F6 #0F2620
Mürekkep #0F2B22 #DFF3EB
Şerit #117B5A #3FD1A0
Bordo Gece
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E8D0D4 #14080B
Kâğıt #FBF3F4 #2A1318
Mürekkep #33121A #F6E4E7
Şerit #8E1F3A #E0728A

	Açık	Koyu
Duvar	`#DADFEF`	`#090E1E`
Kâğıt	`#F4F6FC`	`#131B33`
Mürekkep	`#111A36`	`#E8ECFA`
Şerit	`#3550B5`	`#7C95F0`

	Açık	Koyu
Duvar	`#D9D9D9`	`#0B0B0C`
Kâğıt	`#F3F3F3`	`#1B1B1D`
Mürekkep	`#1A1A1A`	`#EDEDED`
Şerit	`#4A4A4A`	`#C8C8CC`

	Açık	Koyu
Duvar	`#E5D6E8`	`#120817`
Kâğıt	`#F9F3FA`	`#22122A`
Mürekkep	`#2B1530`	`#F3E6F7`
Şerit	`#7B2E8C`	`#C77BE0`

	Açık	Koyu
Duvar	`#CFE6DD`	`#06130F`
Kâğıt	`#F2F9F6`	`#0F2620`
Mürekkep	`#0F2B22`	`#DFF3EB`
Şerit	`#117B5A`	`#3FD1A0`

	Açık	Koyu
Duvar	`#E8D0D4`	`#14080B`
Kâğıt	`#FBF3F4`	`#2A1318`
Mürekkep	`#33121A`	`#F6E4E7`
Şerit	`#8E1F3A`	`#E0728A`

Şehir 6 tema

İstanbul
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D6DCE0 #0A1014
Kâğıt #F7F5F2 #19222B
Mürekkep #1A2733 #F7F5F2
Şerit #0F6E8C #5296AC
Kapadokya
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E8CDB4 #1A0E06
Kâğıt #FCF2E8 #332012
Mürekkep #40240F #FCF2E8
Şerit #AA5128 #CB8260
Ege
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D6E8EE #07141B
Kâğıt #F7FBFC #142B36
Mürekkep #123344 #F7FBFC
Şerit #1975A7 #549FC8
Karadeniz
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #CFDFCB #08130C
Kâğıt #F3F8F2 #15291D
Mürekkep #14301F #F3F8F2
Şerit #2E7A4E #629B7A
Mardin
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E3CFA9 #171108
Kâğıt #FAF3E6 #2F2415
Mürekkep #3A2A14 #FAF3E6
Şerit #8B6323 #BC985F
Efes
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DDD0B6 #12110E
Kâğıt #F9F4EA #27241F
Mürekkep #2E2A22 #F9F4EA
Şerit #846638 #A78F6B

	Açık	Koyu
Duvar	`#D6DCE0`	`#0A1014`
Kâğıt	`#F7F5F2`	`#19222B`
Mürekkep	`#1A2733`	`#F7F5F2`
Şerit	`#0F6E8C`	`#5296AC`

	Açık	Koyu
Duvar	`#E8CDB4`	`#1A0E06`
Kâğıt	`#FCF2E8`	`#332012`
Mürekkep	`#40240F`	`#FCF2E8`
Şerit	`#AA5128`	`#CB8260`

	Açık	Koyu
Duvar	`#D6E8EE`	`#07141B`
Kâğıt	`#F7FBFC`	`#142B36`
Mürekkep	`#123344`	`#F7FBFC`
Şerit	`#1975A7`	`#549FC8`

	Açık	Koyu
Duvar	`#CFDFCB`	`#08130C`
Kâğıt	`#F3F8F2`	`#15291D`
Mürekkep	`#14301F`	`#F3F8F2`
Şerit	`#2E7A4E`	`#629B7A`

	Açık	Koyu
Duvar	`#E3CFA9`	`#171108`
Kâğıt	`#FAF3E6`	`#2F2415`
Mürekkep	`#3A2A14`	`#FAF3E6`
Şerit	`#8B6323`	`#BC985F`

	Açık	Koyu
Duvar	`#DDD0B6`	`#12110E`
Kâğıt	`#F9F4EA`	`#27241F`
Mürekkep	`#2E2A22`	`#F9F4EA`
Şerit	`#846638`	`#A78F6B`

Retro 5 tema

Daktilo
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D9D3C0 #0C0C0B
Kâğıt #F6F2E7 #1D1D1B
Mürekkep #1F1F1C #F6F2E7
Şerit #3A3A36 #898986
Eski Takvim
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E6D9BC #110C07
Kâğıt #FBF6EA #241D14
Mürekkep #2A1F12 #FBF6EA
Şerit #8B2E1F #B67B72
Polaroid
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #EDEDE8 #0E0E0E
Kâğıt #FFFFFF #1F1F1F
Mürekkep #222222 #FFFFFF
Şerit #C8472D #DC7763
Kaset
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D9CBB4 #110E0D
Kâğıt #F4EFE6 #24201D
Mürekkep #2A2420 #F4EFE6
Şerit #BC3D19 #D37053
Neon
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DDD8F0 #08050F
Kâğıt #F7F5FF #140F24
Mürekkep #1A1233 #F2EEFF
Şerit #C21A9B #FF4FD8

	Açık	Koyu
Duvar	`#D9D3C0`	`#0C0C0B`
Kâğıt	`#F6F2E7`	`#1D1D1B`
Mürekkep	`#1F1F1C`	`#F6F2E7`
Şerit	`#3A3A36`	`#898986`

	Açık	Koyu
Duvar	`#E6D9BC`	`#110C07`
Kâğıt	`#FBF6EA`	`#241D14`
Mürekkep	`#2A1F12`	`#FBF6EA`
Şerit	`#8B2E1F`	`#B67B72`

	Açık	Koyu
Duvar	`#EDEDE8`	`#0E0E0E`
Kâğıt	`#FFFFFF`	`#1F1F1F`
Mürekkep	`#222222`	`#FFFFFF`
Şerit	`#C8472D`	`#DC7763`

	Açık	Koyu
Duvar	`#D9CBB4`	`#110E0D`
Kâğıt	`#F4EFE6`	`#24201D`
Mürekkep	`#2A2420`	`#F4EFE6`
Şerit	`#BC3D19`	`#D37053`

	Açık	Koyu
Duvar	`#DDD8F0`	`#08050F`
Kâğıt	`#F7F5FF`	`#140F24`
Mürekkep	`#1A1233`	`#F2EEFF`
Şerit	`#C21A9B`	`#FF4FD8`

Kâğıt 4 tema

Parşömen
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DCC89F #140E06
Kâğıt #F5E9CE #2B2012
Mürekkep #33240F #F5E9CE
Şerit #7A4A1A #A78768
Ebru
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D8DDF0 #0C111E
Kâğıt #F6F4FA #1C243A
Mürekkep #1E2A4A #F6F4FA
Şerit #2E6F9E #6293B6
Defter
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #E3E9F2 #0C111B
Kâğıt #FFFFFF #1D2436
Mürekkep #1F2A44 #FFFFFF
Şerit #3A6FC0 #6B93D0
Not Kâğıdı
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #F0E39A #141306
Kâğıt #FFF6B8 #2B2912
Mürekkep #33300F #FFF6B8
Şerit #A15A15 #D79453

	Açık	Koyu
Duvar	`#DCC89F`	`#140E06`
Kâğıt	`#F5E9CE`	`#2B2012`
Mürekkep	`#33240F`	`#F5E9CE`
Şerit	`#7A4A1A`	`#A78768`

	Açık	Koyu
Duvar	`#D8DDF0`	`#0C111E`
Kâğıt	`#F6F4FA`	`#1C243A`
Mürekkep	`#1E2A4A`	`#F6F4FA`
Şerit	`#2E6F9E`	`#6293B6`

	Açık	Koyu
Duvar	`#E3E9F2`	`#0C111B`
Kâğıt	`#FFFFFF`	`#1D2436`
Mürekkep	`#1F2A44`	`#FFFFFF`
Şerit	`#3A6FC0`	`#6B93D0`

	Açık	Koyu
Duvar	`#F0E39A`	`#141306`
Kâğıt	`#FFF6B8`	`#2B2912`
Mürekkep	`#33300F`	`#FFF6B8`
Şerit	`#A15A15`	`#D79453`

Mevsim 4 tema

Kış
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D5E2EF #070F18
Kâğıt #F5F9FD #142231
Mürekkep #12263D #F5F9FD
Şerit #2B6CB0 #6091C4
İlkbahar
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DCEBC5 #0D140A
Kâğıt #FAFDF2 #1E2B19
Mürekkep #21331A #FAFDF2
Şerit #4A7B22 #85B35F
Yaz
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #F9E7A6 #181104
Kâğıt #FFFBEB #2F240E
Mürekkep #3B2A0A #FFFBEB
Şerit #AE5C15 #E39653
Sonbahar Altını
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #EBCF9A #170F02
Kâğıt #FFF8E8 #2F220C
Mürekkep #3A2606 #FFF8E8
Şerit #8C6608 #CAA448

	Açık	Koyu
Duvar	`#D5E2EF`	`#070F18`
Kâğıt	`#F5F9FD`	`#142231`
Mürekkep	`#12263D`	`#F5F9FD`
Şerit	`#2B6CB0`	`#6091C4`

	Açık	Koyu
Duvar	`#DCEBC5`	`#0D140A`
Kâğıt	`#FAFDF2`	`#1E2B19`
Mürekkep	`#21331A`	`#FAFDF2`
Şerit	`#4A7B22`	`#85B35F`

	Açık	Koyu
Duvar	`#F9E7A6`	`#181104`
Kâğıt	`#FFFBEB`	`#2F240E`
Mürekkep	`#3B2A0A`	`#FFFBEB`
Şerit	`#AE5C15`	`#E39653`

	Açık	Koyu
Duvar	`#EBCF9A`	`#170F02`
Kâğıt	`#FFF8E8`	`#2F220C`
Mürekkep	`#3A2606`	`#FFF8E8`
Şerit	`#8C6608`	`#CAA448`

Özel günler 4 tema

Ramazan
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D9DEE8 #0B1020
Kâğıt #F8F5EE #182033
Mürekkep #1A2238 #F1EBDD
Şerit #1F6B5C #D9B65A
Yılbaşı
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #DCE8E0 #08130E
Kâğıt #FFFCF6 #13241C
Mürekkep #1E2A22 #F6F1E6
Şerit #B3202E #E65E56
23 Nisan
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D6E7F3 #0C111B
Kâğıt #FFFDF5 #1A2130
Mürekkep #1B2433 #FFFDF5
Şerit #D7261E #F06A5E
Sınav Haftası
Destek · Tohumdan türetildi
56GÜN
Açık
56GÜN
Koyu
Açık Koyu
Duvar #D9DFDA #0B100F
Kâğıt #F6F7F4 #18201F
Mürekkep #1C2624 #E8EEEC
Şerit #3F6B66 #8DB8B1

	Açık	Koyu
Duvar	`#D9DEE8`	`#0B1020`
Kâğıt	`#F8F5EE`	`#182033`
Mürekkep	`#1A2238`	`#F1EBDD`
Şerit	`#1F6B5C`	`#D9B65A`

	Açık	Koyu
Duvar	`#DCE8E0`	`#08130E`
Kâğıt	`#FFFCF6`	`#13241C`
Mürekkep	`#1E2A22`	`#F6F1E6`
Şerit	`#B3202E`	`#E65E56`

	Açık	Koyu
Duvar	`#D6E7F3`	`#0C111B`
Kâğıt	`#FFFDF5`	`#1A2130`
Mürekkep	`#1B2433`	`#FFFDF5`
Şerit	`#D7261E`	`#F06A5E`

	Açık	Koyu
Duvar	`#D9DFDA`	`#0B100F`
Kâğıt	`#F6F7F4`	`#18201F`
Mürekkep	`#1C2624`	`#E8EEEC`
Şerit	`#3F6B66`	`#8DB8B1`

Sahneler

Duvarda canlı bir çizim.

Sahne, yaprağın arkasındaki duvarın yerine geçer: kar yağar, dalga vurur. Yaprak okunaklı kalır, çünkü sayı hep kâğıdın üstündedir. İlk altısını burada tarayıcında canlı çiziyoruz; altındaki galeri ise uygulamanın kendisinden alındı. Sahneler Destek paketindedir.

104 sahne, her biri gündüz ve gece ayrı çizildi. Görseller uygulamadan alındı.

Türkiye

Kapadokya
İstanbul
Ege
İznik Çini
Vapur ve Martı
Kız Kulesi
Galata
Nostaljik Tramvay
Balat
Yalı
Kapalıçarşı
Karadeniz
Pamukkale
Efes
Mardin gecesi
Nemrut
Çay Bahçeleri
Ayvalık Zeytinlikleri
Konya Ovası
İnci Kefali Göçü
Van Kedisi
Göbeklitepe
Safranbolu
Likya Yolu
Tuz Gölü
Erzurum Kışı
Hamsi Sezonu
Çukurova Pamuğu
Trakya Ayçiçeği

Mevsimler

Kar
Zemheri
Cemre Havaya
Cemre Suya
Cemre Toprağa
Hıdırellez
Kasım Günleri
Hızır Günleri
Kırlangıç Fırtınası
Leylek Gelişi
Leylek Dönüşü
Erguvan Zamanı
Lodos
Kocakarı Soğukları
Pastırma Yazı
Mimoza Zamanı
Lale Zamanı
Kar Tatili

Dünya

Kyoto
Kuzey Işıkları
Paris yağmuru
Çöl gecesi
Uzay
Ateşböcekleri
Deniz altı
Yağmurlu pencere

Okul

Optik Form
Etüt
Dershane Çıkışı
Siyah Önlük
Okul Servisi
Kantin
Mezuniyet
Sınav masası

Özel Günler

Davulcu
Bayram Şekeri
23 Nisan Uçurtmaları
Öğretmenler Günü
Yılbaşı gecesi
Ramazan gecesi

Mahalle

Mahalle Maçı
Radyoda Maç
Arabesk Dolmuş
Anadolu Rock Plağı

Zanaat

Kütahya Çinisi
Ebru
Tezhip
Sedef Kakma
Antep İşi
Tokat Yazması
Telkâri
Çeşm-i Bülbül
İpek ve Koza
Karagöz Perdesi
Minyatür Bahçe
Bakırcılar
Avanos Çömleği
Buldan Dokuması
Mangala

Kilimler

Su Yolu
Hayat Ağacı
Koçboynuzu
Elibelinde
Pıtrak
Sandıklı
Kuş
Sekiz Köşeli Yıldız

Sofra

İnce Belli
Semaver
Türk Kahvesi
Simit
Boza
Salep
Pazar Tezgâhı
Kestane Zamanı

Sahne katmanları

Katman	İçerik	Hareket
Gök	Gradyan, gün saati, yıldız	Çok yavaş
Uzak	Dağ, siluet, ufuk	Yok ya da çok az
Orta	Ana konu	Yavaş
Yakın	Çerçeveleyen öğe, zemin	Yok
Parçacık	Kar, yaprak, yağmur	Sınırlı sayıda
Işık	Pencere, ışık huzmesi	Yavaş nabız

Kural Yaprağın kapladığı alana önemli hiçbir şey çizilmez; konu yaprağın üstünde, altında ya da kenarındadır.

Üç kabul testi

Gri tonlama. Renk çıkınca sahne hâlâ tanınıyor mu? Yukarıdaki düğmeyle kendin dene.
Hareket. Canlıyken inandırıcı mı, yoksa kayan bir resim mi?
Okunurluk. Kalan gün sayısı bir bakışta okunuyor mu?

Kural Geçemeyen sahne yayına girmez. Ayrıca açık ve koyu modda mürekkep kontrastı korunur, Hareketi Azalt açıkken durağan kare düzgün görünür.

Kâğıt malzemeleri

Yaprak yırtılabilen kâğıttır.

Zanaat kâğıda basılır ya da duvarda durur. Bir malzeme gramaj, saydamlık, lif, yırtık kenar, kıvrılma hızı, ses ve dokunuş değerlerinden oluşur. Bu değerler öneridir, cihazda ayarlanacak; dokular burada temsilîdir.

Birinci hamur
His
Beyaz, temiz
Yırtık kenar
Düzgün perforaj
Kıvrılma
Hızlı
Ses ve dokunuş
Kısa, net
Saman kâğıdı
His
Sıcak, benekli, ince
Yırtık kenar
Lifli
Kıvrılma
Yumuşak
Ses ve dokunuş
Kuru, hışırtılı
Kraft
His
Kalın, kahverengi
Yırtık kenar
Tüylü
Kıvrılma
Ağır
Ses ve dokunuş
Tok
Gazete
His
Çok ince, arkası görünür
Yırtık kenar
Düzensiz
Kıvrılma
Çabuk
Ses ve dokunuş
Hafif
Aharlı kâğıt
His
Parlak, kalın
Yırtık kenar
Temiz
Kıvrılma
Sert
Ses ve dokunuş
Tok, kısa vuruş
Ebru kenarlı
His
Kenarda ebru baskı
Yırtık kenar
Düzgün
Kıvrılma
Orta
Ses ve dokunuş
Orta

Hareket ve ses

Koparma bir geçiş değil, jesttir.

Bugün uygulamada

Koparma

Yaprak kıvrılıp yaklaşık 0,45 saniyede kopar, deste bir çizgi incelir. Jest tema değişse de aynı kalır. Destek paketindeki Rüzgâr, Buruştur ve Konfeti efektleri bunun farklı biçimleridir.

Bugün uygulamada

Hareketi Azalt

Açıkken bütün koparma efektleri yumuşak bir solmaya döner. VoiceOver yaprağı tek öğe olarak okur: sayı ve tarih.

Bugün uygulamada

Koparma sesi

Telefon sessizdeyse çalmaz, çalan müziği durdurmaz. Titreşim yaprakla birlikte gelir.

Kural

İki hız

Ortam 15 ile 30 Hz arasında, sabit; uygulama arka plandayken durur. Parmağı izleyen koparma cihazın yüksek hızını yalnızca o anda kullanır. Düşük Güç Modu ve ısınma kaliteyi üç katman arasında düşürür. Sayılar öneridir, cihazda ölçülecek.

Kural

Sahne ve erişilebilirlik

Hareketi Azalt açıkken sahne durur, dokunuş kalır. Sahne VoiceOver'a konuşmaz.

Kural

Ses ve titreşim

Üç ölçüt: sebebi belli, gördüğüyle uyumlu, önemli anlara saklı. Düğmelerde ses yok. Sahne ortam sesi yalnızca kullanıcı seçerse açılır.

Bu sayfadaki sahneler de aynı kurala uyar: en çok 30 Hz, ekran dışındayken durur, Hareketi Azalt açıkken tek kare çizilir.

Hareket token'ları

Token	Değer	Nerede
`spring`	Yay: yanıt 0,36, sönüm 0,74	Seçim ve oturma
`settle`	Yay: yanıt 0,5, sönüm 0,6	Yaprağın halkalara oturması
`quick`	Yavaşlayarak, 0,25 sn	Solma; Hareketi Azalt açıkken de kullanılır
`stagger`	Adım 0,05 sn, toplam en çok 0,3 sn	Sıralı girişler

Yüzeyler

Her yüzey sahneyi kendi biçiminde gösterir.

Sürekli sahne yalnızca uygulamanın içinde yaşar; diğer yüzeyler kendi temsilini ister. Bu tablo bir tasarım kuralıdır ve Apple'ın belgelerine dayanır; özellik listesi değildir, cihazda denenmedi.

Yüzey	Sahnenin biçimi	Sınır
Uygulama	Canlı sahne	Düşük güçte ve ısınmada yavaşlar
Ana ekran widget'ı, tam renk	Durağan sahne; en çok 2 sn geçiş	Sürekli döngü yok
Tinted ve clear widget	Büyük sayı, saydam siluet	Arka plan kalkar
StandBy	Sahnesiz, metin öncelikli	Arka plan kalkar, gece kırmızı ton
Canlı Etkinlik	Tema rengi, küçük motif	Sınırlı süre ve veri; günlerce süren sayaç olamaz
Dynamic Island	Siyah üstünde glif ve süre	Arka plan değişmez
Apple Watch	Gradyan ve şekil, seyrek güncelleme	Sade
Paylaşım kartı	Durağan sahne, 9:16 ve 4:5	Güvenli alan kuralları

Kişiselleştirme

Senin yaprağın.

Bugün uygulamada

49 renk teması: 10 ücretsiz, 39 Destek paketinde
16 hedef şerit rengi, herkese açık
3 widget stili: Kâğıt, Renkli, Gece
Koparma sesi: Klasik; Destek ile 3 ses daha
Koparma efekti: Klasik; Destek ile 3 efekt daha
Rakam yazı tipi: temaya göre ya da Oswald; Destek ile 4 yazı tipi daha
Hedef fotoğrafı, Destek paketinde; fotoğraf telefonunda kalır, yüklenmez
Uygulama ikonu: Klasik; Destek ile 5 ikon daha

Kural

Sahnelerle birlikte düşünülenler

Bunlar uygulamada yok ve söz değil; sahneler için yazılmış tasarım notlarıdır.

Kendi temanı yap: duvar, kâğıt, şerit, efekt ve rakam senin seçimin; metin kontrastı otomatik korunur
Sahneyi takvim seçsin: tarihe ve hedefe göre otomatik sahne, kapatılabilir
Hedefe özel tema: her hedef kendi sahnesini seçebilir

Hangi seçenek gelirse gelsin seri cezası ve sanal para olmaz.

Ücretsiz olanlar ve Destek paketi →

Yaprak aynı kalır, duvar değişir.

Altı kural, bir yaprak.

Önce güven.

Sayı kazanır.

Sahne renkten ibaret değildir.

Yaprak kâğıttır.

Her şeyin bir sebebi vardır.

Her kişilik kapanabilir.

Duvar ve yaprak

Çizim, fotoğraf değil

Dil

İkonlar

Yaprağın anatomisi.

Durumlar

Klasik temanın değerleri.

Hedef şerit renkleri

Takvim baskısı ve sistem yazısı.

Rakam yazı tipleri

4 pt tabanlı ölçek.

Boşluk

Köşe

49 renk teması.

Temel 10 tema

Klasik

Okul

Kraft

Çini

Zeytin

Lokum

Gazete

Lacivert

Kum

Gece

Pastel 5 tema

Lavanta

Nane

Şeftali

Bulut

Pudra

Doğa 6 tema

Orman

Deniz

Çöl

Sonbahar

Kiraz

Fıstık

Gece 5 tema

Gece Mavisi

Kömür

Mürdüm

Zümrüt Gece

Bordo Gece

Şehir 6 tema

İstanbul

Kapadokya

Ege

Karadeniz

Mardin

Efes

Retro 5 tema

Daktilo

Eski Takvim

Polaroid

Kaset

Neon

Kâğıt 4 tema

Parşömen

Ebru

Defter

Not Kâğıdı

Mevsim 4 tema

Kış

İlkbahar

Yaz

Sonbahar Altını

Özel günler 4 tema

Ramazan

Yılbaşı

23 Nisan

Sınav Haftası