A modern design system showcase featuring a curated color palette and typography guide against a dark charcoal background

A modern design system showcase featuring a curated color palette and typography guide against a dark charcoal background. The layout presents five vibrant gradient color swatches with hex codes, alongside clean typography specimens demonstrating primary and secondary typefaces. The overall aesthetic is contemporary, minimalist, and professionally structured for design documentation.

Style

minimalist modern design system gradient tech-forward clean

Mood

professional contemporary vibrant organized sleek accessible

Colors

Industry

design systems ui/ux branding digital design

Layout

Vertical hierarchy with color swatches centered in the upper section and typography information anchored below, creating a balanced two-part composition with clear visual separation.

Typography

PP Mori (primary, sans-serif) and Poppins (secondary, sans-serif) — both modern, geometric typefaces with excellent legibility and contemporary appeal.

View on Pinterest

Similar designs

A modern job listing card for a Graphic Designer position at Google, featuring a clean white card interface overlaid on an abstract, flowing background with warm and cool gradient tones. The design combines minimalist UI principles with organic, fluid visual elements that create a contemporary and approachable aesthetic.

A modern smartphone mockup displaying a sleek mobile app interface with a gradient blue-to-black color scheme. The design features minimalist typography and a clean layout that emphasizes a notification or dashboard message about sales performance. The device is positioned at an angle on a textured surface against a neutral gray background, creating a professional product presentation.

This image displays a set of six vertically oriented, brightly colored cards or booklets, suggesting a curated collection or series. The design is clean, modern, and uses strong blocks of color contrasted with white graphic elements.

A modern grid layout showcasing nine card-based design variations with bold typography and vibrant color blocking. The design demonstrates contemporary UI/UX principles with a focus on readability, hierarchy, and visual contrast through saturated color gradients and clean geometric forms.

A comprehensive design system documentation layout featuring a vibrant color palette guide with gradient examples, color swatches, and usage demonstrations. The design employs a clean, modular card-based structure against a bold cobalt blue background, presenting a professional yet contemporary visual language.

A comprehensive design system documentation page showcasing a modern, minimalist visual language built around a vibrant blue primary color. The layout presents typography guidelines, color palettes, and UI component examples in a clean, organized grid structure that emphasizes clarity and systematic design thinking.

A modern SaaS landing page featuring a clean, minimalist design with a soft gradient color scheme transitioning from warm peachy tones to cool blues. The layout uses generous whitespace, organized sections with clear hierarchy, and incorporates both abstract geometric elements and product imagery to communicate software development and collaboration themes.

The design is clean, modern, and highly structured, utilizing a strong monochromatic palette dominated by red and white. It employs a grid-based layout typical of event or portfolio listings, conveying a professional and organized feel.

This image displays a set of brightly colored, rectangular cards or labels, likely representing different categories or options, arranged diagonally across a dark surface. The design is clean and modern, utilizing bold color blocking to create visual separation between the elements.

This image features a clean, minimalist geometric pattern utilizing solid blocks of color against a light background. The design relies on simple shapes and high contrast to create a structured yet visually engaging texture. It embodies a modern, organized aesthetic suitable for digital interfaces or graphic design.

This interface demonstrates a clean, modern, and minimalist approach to user interface design, utilizing ample whitespace and clear iconography for navigation. The visual language is highly structured, focusing on essential branding elements and functional controls in a straightforward manner.