Hi everyone.
Recently Odama Studio formed a special team to create a design system. The design system is the initial foundation with the official rules for creating a UI-KIT, Product, and project.
Allows you to make the initial UI design easier and faster, the neatness of the UI design using the Design system is no doubt, so it is recommended to use the design system as the main reference or direction of the design that we will make.
Here is a guide to the contents you will read.
Guide contents:
📜 Typography — Placement, and Fonts
🍭 Colors — a color palette that will be picked up by Odama.🔧 Components — Customizing symbols.
Typography
The placement of our typography is adjusted to the types of screens commonly used, such as tablets, mobile, and websites. We made this size according to the official rules that are often used.
Font
We created our own font which is named “odasans”. The font has a “Sans Serif” style. The font has four variants, viz. light, medium, semibold, and bold
Color
Here is a selection from the color palette selected by Odama Studio. We set it according to our primary color studio. Our color palette can be changed according to the color identification in the project we handle.
Component.
A component library is a collection of things that are based on a set of UI rules. The purpose of component libraries is to improve the project consistency.
The component in library are buttons, icons, and layout styles.The Final Word
Final Word
All of our work is approved, the client loves all the work and how we work. Want to know more? Follow us so you can read more. Stay tuned 🔥
Thank you for reading this case study, hopefully it will be useful
Don’t forget to follow us on:
Instagram: https://www.instagram.com/odamastudio/
Dribbble: https://dribbble.com/odamastudio
Behance: https://www.behance.net/odamastudio
Thanks to :
- Everyone who wants to read.
- Friends who want to help review this story before it is uploaded to the public.
- Everyone was involved in the creation of this medium.
If you have any questions/feedback, please leave a message in the comments column~ 😊