---
description: >-
  Panduan singkat dan referensi dalam pembuatan design system bagi website
  company profile maupun enterprise (web-app)
---

# Design System

> A _collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. - Will Fanguy in_ [_https://www.invisionapp.com/inside-design/guide-to-design-systems/_](https://www.invisionapp.com/inside-design/guide-to-design-systems/)

Di dalam ranah design system untuk pembuatan UI website, Rolling Glory membuat 2 klasifikasi untuk memudahkan designer dan engineer.

#### 1. Company Profile

Company profile merupakan tipe website dengan tingkat kustomisasi tinggi, menyesuaikan dengan kebutuhan dan persona dari projek yang digarap, sehingga kreativitas designer dapat diluapkan dengan luas.

#### 2. Enterprise/Web-app

Sebagai website enterprise, website memiliki sistem yang kompleks dan berhubungan satu sama lain, selain itu, peran engineer dalam membuat aplikasi web yang baik juga menjadi concern designer dalam membuat UI website semacam ini. Untungnya, dengan dibantu oleh engineer, designer akan mendapatkan referensi framework yang digunakan oleh engineer sehingga designer memiliki patokan untuk membuat design system-nya.

{% hint style="info" %}
Up until now: Engineer menggunakan base design system **Material** (material.io) sebagai acuan design dan **Vuetify.js** sebagai framework. Designer dapat menggunakan Material untuk menciptakan design system bagi projek website enterprise/web-app.
{% endhint %}
