Adobe Spectrum

Styleplatform/system

adobe spectrum, creative tools, enterprise, content creation, tokenized, cross-platform. Best for Creative tools, media workflows, document products, and Adobe-adjacent enterprise software.

adobe spectrum creative tools enterprise content creation tokenized cross-platform

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: Adobe Spectrum

Keywords: adobe spectrum, creative tools, enterprise, content creation, tokenized, cross-platform
Primary colours: Spectrum semantic colors with product-specific accents
Secondary colours: System semantic tokens; product brand accents
Effects & animation: Layered depth and restrained professional motion
Best for: Creative tools, media workflows, document products, and Adobe-adjacent enterprise software
Do not use for: Consumer brands that do not need dense professional-tool conventions

## Prompt keywords
Design an Adobe Spectrum professional tool with tokenized color, precise hierarchy, dense but legible controls, strong focus states, and cross-platform component consistency.

## CSS / technical
design tokens, semantic color, component states, focus-visible, reduced motion

## Implementation checklist
Use official tokens and components; preserve platform conventions; test keyboard, contrast, zoom, motion preferences, and responsive behavior

## Design system variables
--color-primary, --color-surface, --color-on-surface, --radius-control, --motion-duration, --focus-ring

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source