Penpot — Gallery / Showcase

Design · Gallery / Showcase

A design system for a music discovery app showing personalized recommendations and curated playlists. The screen displays a two-panel layout: the left sidebar contains a layer panel and page structure for editing, while the center-right shows the UI preview with a "Discover" yellow card, a "Recommended for you today" section with search, and a "New Collection" area featuring music tracks and playlists with play controls. The right panel exposes design tokens, component properties, and layout controls.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/penpot-product-ui-screenshot.

Measured spec

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Product landing page
• All of Penpot

Other sections on this page

• Hero — Landing Page Hero
• Banner — Full-stack design statement
• Feature — UI Design feature
• Feature — Design Systems feature
• Feature — AI Workflows feature
• Feature — Code feature
• Logo Wall — Powering design at logo wall
• Footer — Navigation Footer