Swagato's Portfolio Design System


About this Design System

This website provides documentation for the design system used to style my portfolio website.
This design system was created to support and display my portfolio content and to help visually communicate that I am a versatile, dynamic, innovative, forward-thinking Product/UX designer.


This section outlines guidelines for correct usage of elements of the typographical hierarchy, color palette, and logo set.


This section outlines components used to build the portfolio website, including buttons, cards, footers, and navigation bars.

Page Patterns

This section outlines page layouts used within the portfolio website. Two page patterns are offered at three different sizes with grid visualization and specifications