GDS — Portfolio Presentation

Spectrum/
By Adobe™

Human \nterface Guidelines

Rational. Human. Focused. Collaborative:
Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a set of adaptable resources for making experiences feel contextual, cohesive, and performant. It’s based on real-world situations. It places people’s needs first. It delivers what’s needed, when it’s needed. It’s constantly adapting. And most importantly: it belongs to everyone.

From the zero speed in the making of
human interfaces to the
speed of thought in the making of UIs.

From the zero speed in the making of human interfaces
to the speed of thought
in the making of UIs.

Adobe’s products are evolving: more modern, more friendly, more accessible, and more enjoyable to use. Spectrum, Adobe’s design system creates the building blocks of user experiences, and it’s getting a major update to make it happen.

Adobe
Spectrum™ 2.0
Design System
[ASDS] — The future is built collectively, product design is the core of Spectrum 2. An extensive community of designers, researchers, product managers, engineers, and other partners from across Adobe came together to set Adobe's future direction, bringing years of learning's from the field. I’ve brought the best of everything from Adobe Labs while keeping consistent UX/UI/AIX.

Whether prototyping remotely or on-site with Figma, optimizing UI tools and workflows, or scaling for Web3, FIG.™ is here to streamline your Agile atomic design systems.

Adobe™
Figma
Spectrum
Design
System
Reference
Library

A11y Optimization

Animations/Effects

Automated SEO

Built-in Analytics

Content [CMS]

Components

Forms

Layout

Project Styles

P3 Color

Rich Media

Carousel

Slideshow-Tickers

Sticky Scrolling

Link Styles

Overlays

Responsive Design

Text Styles

Sticky Scrolling

Parallax Scrolling

Custom Cursors

Visual Breakpoints

Spectrum

Imagine you’re building not just one product, but many. And instead of dozens of collaborators, there are thousands or even tens of thousands. Without a unifying set of principles, components, and patterns, you could end up with duplicated work and a fragmented user experience.

Spectrum

{

}

Foundation

{

}

Figma/ASDS™

{

}

Components

{

}

Patterns

{

}

Spectrum 2

{

}

Spectrum

{

}

Foundation

{

}

Figma/ASDS™

{

}

Components

{

}

Patterns

{

}

Spectrum 2

{

}

Adobe™ SDS

Adobe Spectrum — the design system powering consistent, accessible, and scalable experiences across Adobe apps. Built to help teams move faster, stay aligned, and design with clarity.

Adobe™ SDS

{

}

Apple™ LGDS

{

}

Google™ M3DS

{

}

SalesForce™ LDS

{

}

Meta™ HDS

{

}

SAP™ FDS

{

}

Adobe™ SDS

Adobe Spectrum — the design system powering consistent, accessible, and scalable experiences across Adobe apps. Built to help teams move faster, stay aligned, and design with clarity.

Adobe™ SDS

{

}

Apple™ LGDS

{

}

Google™ M3DS

{

}

SalesForce™ LDS

{

}

Meta™ HDS

{

}

SAP™ FDS

{

}

Adobe™ SDS

Adobe Spectrum — the design system powering consistent, accessible, and scalable experiences across Adobe apps. Built to help teams move faster, stay aligned, and design with clarity.

Adobe™ SDS

{

}

Apple™ LGDS

{

}

Google™ M3DS

{

}

SalesForce™ LDS

{

}

Meta™ HDS

{

}

SAP™ FDS

{

}

Adobe™
Figma
Spectrum
Design
System
Reference
Library

Adobe™
Figma
Spectrum
Design
System
Reference
Library