🎨 Creative

Spectrum

Adobe

Spectrum to Design System Adobe, obsługujący Creative Cloud, Document Cloud, Experience Cloud i wszystkie produkty Adobe. System musi działać w kontekście profesjonalnych narzędzi kreatywnych, co stawia przed nim unikalne wyzwania UX.

Spectrum wyróżnia się zaawansowanym systemem kolorów i tematów. Adobe oferuje 4 wbudowane motywy kolorystyczne (Lightest, Light, Dark, Darkest) i system skali pozwalający dostosować gęstość interfejsu (Desktop, Mobile). To kluczowe dla narzędzi kreatywnych, które muszą działać w różnych kontekstach.

System jest dostępny jako Web Components (Spectrum Web Components), co czyni go framework-agnostic. Adobe udostępnia również React Spectrum — zaawansowaną bibliotekę z wbudowaną dostępnością opartą na React Aria.

Fundacje (Foundations)

Color (4 themes) Typography Icons (Workflow Icons) Motion Layout Scale (Desktop/Mobile) Design Tokens
Komponenty
45+
Firma
Adobe

Co wyróżnia ten system?

Linki i zasoby

🌐 Strona oficjalna 💻 GitHub

Powiązane Design Systemy

Zbuduj własny Design System

Naucz się budować multi-theme Design System

Sprawdź Design System Masterclass →