Global Design System
A unified set of styles, components, and patterns for a consistent UX portfolio experience.
01. Color Palette
Primary Blue
#1D6DED
Accent Violet
#7148FC
Project Cyan
#40E0D0
Soft Pink
#FFD1DC
Dark Slate
#111821
Light Gray
#F6F7F8
02. Typography
H1 / Bold / 72px
Main Heading
H2 / Bold / 48px
Section Title
H3 / Bold / 30px
Subheading Example
Body / Regular / 18px
Design systems are essentially a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.
03. UI Components
Button Styles
Icon Containers
accessibility_new
psychology
token
Functional Cards
UX Research
User Interview Summary
Gathering insights from over 20+ participants to define the core friction points in current navigation patterns.
04. Iconography
accessibility
Accessibility
search
Research
vibration
Prototyping
draw
Wireframing
devices
Responsive
verified
Usability
05. Navigation & Layout
Header Structure
Brand
Active
Inactive
Hover