:::

Vital UI Kit

Vital UI Kit
Vital UI Kit

summary

An elegant and easily customizable front-end UI framework.


target

  • Build a Design System
  • A Taiwan-based Open-Source UI Kit
  • Bridging the Gap Between Engineers and Designers

roles

  • UX
  • Layout

tools

  • Sketch app
  • Fabricator

process

observe

  • jQuery UI
  • Bootstrap
  • Foundation
  • Semantic UI
  • Material UI

learn

  • What is a Design System?
  • What is a UI Kit?
  • What are the competing products?
  • Who will use it?
  • Why is there no open-source UI Kit in Taiwan?

research

  • Research how major front-end UI frameworks integrate design drafts with implementation.
  • Study Sketch App's design draft management and collaboration guidelines, including parameter settings.
  • Research CSS management and naming conventions.
  • Explore how to integrate design drafts with CSS naming conventions for easy component identification.
  • Examine the best approach to building a documentation website.
  • Research landing page copywriting and brand personality development.

output

Create Documents by Fabricator
Create Documents by Fabricator
Sketch App - Button
Sketch App - Button

links