Design System Showcase

A component library showcase with buttons, inputs, cards, and modals on a clean canvas.

Category: Interface | Type: Image Prompts

Skills: Design Systems, Components, UI Kit

Prompt

Design system component showcase arranged on a [your background color] canvas, organized grid displaying: button variants (primary, secondary, ghost, destructive) in all states (default, hover, active, disabled), text input fields with labels and validation states, card components with image and text variants, toggle switches and checkboxes, modal dialog, dropdown menu expanded, toast notifications (success, error, info), avatar stack, badge collection, progress indicators, all using [your brand color] as the primary accent with a consistent 8px spacing grid, clean annotation arrows showing spacing tokens, Figma-style presentation, 4K.

Browse all prompts at Ask Wisely