ŞABLON GALERİSİ
Tek motor, 6 yüz
Sekmeye tıkla, aynı pencerede yön değişsin — kod birebir aynı, değişen tek şey renk ve ölçü seti. Yeni bir yön eklemek yeni bir sayfa yazmak değil, otuz satır token eklemek.
Yönleri ayıran token'lar
| Token | Sahil | Marina | Vaha | Konsolos | Bilet | Pano |
|---|---|---|---|---|---|---|
| Sayfa zemini | #fbf6ee | #f1f7f8 | #180f11 | #eff4fb | #ffffff | #0a0c11 |
| Kart | #ffffff | #ffffff | #231519 | #ffffff | #f4f5f7 | #12161e |
| Metin | #2a2015 | #0b2a2e | #f6ece6 | #0e1b2e | #0a0a0a | #edf1f7 |
| Aksan | #c2522b | #0e7c86 | #caa46a | #1668c8 | #ffd400 | #3fe3ff |
| Köşe yarıçapı | 18px | 10px | 26px | 12px | 4px | 12px |
| Başlık ağırlığı | 600 | 700 | 500 | 600 | 800 | 600 |
| Düğme yazısının kontrastı | 4,63:1 | 4,95:1 | 7,93:1 | 5,46:1 | 13,83:1 | 12,00:1 |
YANA KAYDIRIN →
hepsi geçiyorHer yönün düğme yazısı WCAG AA eşiğinin (4,5:1) üstünde. Ölçüm testte de yapılıyor — eşiğin altına düşen bir yön derlemeyi geçemiyor.