Objective

Consistent standards across the organization

A design system maintains a library of styles, components, and other elements. I led to building several comprehensive design systems, which help create a consistent user experience and manage design at scale.

OneLogin

OneLogin

Oracle

Oracle

OneLogin

Build all foundations and guidelines from scratch

Before I joined, we didn't have a design system, so my top priority to redesign the new UI and build a design system simultaneously.

  • Foundations — colors, typogrophy and grid system
  • Components and layout patterns
  • React.js component library

Colors

Colors

color_gradient

color_gradient

Typography

Typography

Components

Buttons
Data_Table
Dialog
Icons

React Components

Help create React.js library.

reactjs
storybook

Oracle

Refresh the components and centralize resources

Icon Guideline

Create grid system and guideline for producing icons.

icon_grid
icon_focus_points
icon_status_badge

Guideline Websites

Design and code the guideline/stencil websites.

guideline_website_overview
guideline_website_details
stencils_website
© 2025 by Hung-Yu Yang (Hermit Yang). All rights reserved.