Dana J. Ardell Portfolio Design System

A woman with wavy brown hair and glasses wears a light grey coat and smiles while looking to the right

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 creative, curious, and detail-oriented problem-solver.

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, graphical elements, and navigation bars.

Page Patterns

This section outlines page layouts used within the portfolio website. Two page patterns are offered at three different sizes.