Typography
Principles
Purpose
DNA Design System memiliki prinsip konsistensi dalam typography. Konsistensi pada typography sangat penting dalam delivery konten pada suatu halaman ataupun screen. Dengan menggunakan typography yang konsisten, delivery konten akan menjadi lebih mudah karena pengguna atau pengunjung akan mudah mengenali dan membaca konten. Selain itu, penggunaan typography yang konsisten juga mampu memudahkan pengguna atau pengunjung untuk navigasi ke halaman atau screen lain agar memudahkan experience mereka ketika menggunakan produk.
Flexible
Tentu setiap produk memiliki struktur typography masing-masing. DNA Design System memiliki fleksibilitas dalam penggunaan untuk bisa diterapkan dalam suatu produk. Fleksibilitas ini kami sadari harus tetap ada, karena aksesibilitas pengguna dan jenis produk yang mungkin berbeda-beda, seperti typography Paragraph untuk Desktop atau Laptop akan berbeda ukurannya dengan di device Mobile. Tentu ada beberapa rules yang bisa diterapkan di produk, menjadi opsi yang memudahkan seorang Product Designer dalam membuat dan merancang User Experience produk nya.
Formatting
Display
Display digunakan untuk hero section ataupun judul yang sangat besar. Penggunaannya akan maksimal dengan mengkombinasikan text-transform: uppercase pada font family yang berbeda. Untuk Display, DNA Design System memiliki 2 jenis font family yaitu Roboto dan Brandon Grotesque. Untuk penggunaannya, bisa mengikuti guide yang ada pada tabel dibawah ini.
Heading
Heading digunakan sebagai strukur heading pada body HTML. Dimulai dari Heading 1 sampai Heading 5 dan DNA Design System menyediakan variasi font weight yang bisa digunakan juga. Heading cocok digunakan sebagai judul (title) atau sub-title dari suatu halaman atau screen. Detail dari
Paragraph
Paragraph secara semantic penggunaan dipakai untuk body copy, artikel, atau deskripsi dari suatu halaman atau screen. Tentu beberapa variasi juga ada untuk website dan mobile media query beserta dengan berbagai font weight nya
