mdshop
Back to designs
A

Design System inspired by Adobe

Creative suite. Red brand, dark creative canvas, product-focused grid.

Usage
npx getdesign@latest add adobe

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
9
Bookmarked
0
Not an official Adobe design system. A curated starting point for building Adobe-like UIs with your AI coding agent.

Creative suite. Red brand, dark creative canvas, product-focused grid.

Preview
adobe.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF ADOBE

Creative suite. Red brand, dark creative canvas, product-focused grid.

Explore the systemView tokens

Color Palette

Creative suite. Red brand, dark creative canvas, product-focused grid.

Primary
Adobe Red
#ff0000
Brand color
Dark BG
#1b1b1b
Brand color
Surface
#2c2c2c
Brand color
White
#ffffff
Brand color
Light Gray
#e8e8e8
Brand color
Gray
#6e6e6e
Brand color
Creative Cloud
#ff61f6
Brand color

Typography

A type system inspired by Adobe.

Adobe Clean
Adobe Clean, Adobe Clean
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by Adobe.

Not detected on this URL

Components

Other component primitives mapped from the Adobe spec.

Not detected on this URL