Swagato's Portfolio Design System

x

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.


Foundations

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

Components

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