Having Design Guidelines

--

Design guidelines merupakan panduan yang mengatur ketentuan desain dari suatu aplikasi. Ketentuan desain yang ada dapat berupa color palette, layout, tampilan tabel, dan lain lain. Dengan memiliki design guideline, maka konsistensi pada aplikasi tercipta. Dalam ReactJS, design guidelines diterapkan dengan membuat component, contohnya button, yang nantinya dapat dipakai berulang-ulang.

Pada proyek perangkat lunak kali ini, terdapat design guidelines yang diterapkan:

  1. Memakai warna biru dan merah sebagai warna utama

2. Style untuk Heading

import Heading from "../../components/Heading";
...
<Heading text = "| Detail Pengumuman" type="kecil"></Heading>

Menggunakan component Heading untuk menyamakan style semua heading

3. Header yang bergantung pada role

--

--