top of page
  • Writer's pictureTelkom Design

About Design System

When we talk about the system, we often think about how it forced us to obey the prevailing politics or social orders, and also how we work to a certain kind of procedure, principle or method to make everything done..and it’s kinda tiring. But, systems are not just about politics or other government related.

We also use systems in designing UI and UX, and it’s called design system.

As a person who always worked in scope of graphic design, we often heard about graphic standard manuals or brand books. A holy book that includes guideline, color variations, do’s and don’ts, layout guidelines, graphic guidelines and so much more that needs to be followed to. As soon as I entered the world of ui/ux, there’s a lot of guidelines that I needed to follow as well. What are the differences, and what is Design System anyway?

Design system is a whole process that is constructed and maintained with the aid of an organisation to help them develop advanced user stories and enhance their brand. It’s actually pretty much similar to what the brand book or graphic standard manual does, to strengthen their brand. Based on Nielsen Norman Group, there are three types of design system; style guides, pattern library and component library.

Style guides are related to logo design, elements like font, colours and trademark. This also includes a content style guide, like language or tone of voice. Style guides normally are available static media, like documents or pdf. Style courses tell us how things have to be done continually through every product.

Pattern libraries encompass UI elements like forms and buttons. This library tells us what they are for and when to apply them. Every pattern within the library has been usability tested and iterated.

And for component Libraries contain UI patterns plus code, so that the developer doesn’t take much time to write the code.

by : Internship & Dedicated Design System Team Azizah Puteri Ayu

295 views0 comments

Recent Posts

See All


bottom of page