Fondasi
Keputusan yang sudah diambil sekali dan dipakai setiap komponen: warna, huruf, jarak, sudut, ikon, gerak, aksesibilitas, dan cara menulis.
Semua fondasi
- Warna Palet brand dan token warna semantik.
- Tipografi Nunito, skala ukuran, dan empat berat huruf.
- Spacing & kerapatan Skala 4px, tinggi kontrol, dan alasan semuanya rapat.
- Radius & elevation Dua radius, empat tingkat bayangan.
- Ikonografi Seluruh koleksi Iconify, ukuran ikon, dan aturan namanya.
- Motion Durasi, kurva, dan gerak yang bisa dikurangi.
- Aksesibilitas Standar, kontras, pola keyboard, dan tugas aplikasi.
- Penulisan Aturan teks Bahasa Indonesia untuk antarmuka W4C.
- Theme generator Tiga warna brand menjadi sebelas langkah per skala.
Urutan membacanya
- Warna dan Tipografi dulu: keduanya yang paling sering dilanggar, dan paling terlihat saat dilanggar.
- Spacing & kerapatan menjelaskan kenapa antarmuka ini rapat — ukuran kontrol dan jarak bukan selera, tapi angka.
- Aksesibilitas menyebut apa yang sudah ditangani komponen dan apa yang tetap menjadi tugas aplikasi.
- Sisanya dibaca saat dibutuhkan: radius, ikon, motion, penulisan, dan theme generator.