Brittany Melendez
Portfolio Design System
About
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 my technical, analytical, and thinking skills.
The logo mark is clean, and displays a modern/minimalist aesthetic. As a UX designer, I went with a letter B for clarity; it also combines the letter M representing the first letter of my last name. The color, and rounded corners add a touch of playfulness to my brand.
Font: Nunito
Font Style: Black
Categories
Foundation
This section outlines guidelines for correct usage of elements of the hierarchy, color palette, and logo types.
- Typography
- Color
- Logo
Components
This section outlines components used to build the portfolio website, including buttons, cards, and footer.
- Cards
- Buttons
- Footer
Page Patterns
This section outlines page layouts used within the portfolio website. Two page patterns are offered at three different sizes.
- Home Page
- Case Studies