Behind the design: Adobe’s updated app icons

How a wordmark inspired our mnemonic system refresh


An Adobe Photoshop branding overview on a light blue backgrond, The top row shows four icons: an app icon, a Ps folder icon, an installer icon, and a PSD file icon. Beneath it is an Adobe Photoshop splash screen with artwork by Magdiel López (a surreal composition with bright gradients, abstract shapes, flowers, and glowing orbs against a blue sky) alongside a loading message and the Adobe and Photoshop wordmarks. A panel on the right shows (from the top) are a color palette of teal, blue, and purple gradients; a mockup of the Ps logo in an artboard; and three updated file icons.

Adobe Photoshop splash screen illustration by Magdiel López

There are 676 possible two-letter pairings in the Latin alphabet. Adobe uses just 38 of them in its product icon system. The pairings, or mnemonics, are visual shorthand. Whether it’s Ps for Photoshop or Fi for Firefly, they're symbolic representations that help people instantly recognize and remember Adobe's applications.

It’s a system that evolves to stay in step with Adobe’s refreshed brand identity. So, when Adobe’s Studio and Brand Strategy teams updated the corporate wordmark—the stylized version of the company name that now integrates the Adobe logo—Adobe Design’s Brand & Icons team jumped in to lead a comprehensive redesign of Adobe’s mnemonics. The goal: to ensure the system aligned with the updated wordmark and reflected Adobe’s refreshed branding.

Updating them was a design challenge that called for close cross-team coordination.

Senior Design Director Shawn Cheris and Design Director Sonja Hernandez led the art direction for the new icons and worked with the Brand Strategy team to ensure their design vision matched Adobe’s updated brand. Staff Designer Alex Fernald led the icon redesign—alongside Designer Emma Gustafson, Senior Experience Designer Doroteea Ionascu Ispas, Staff Designer Marco Mueller, and Design Program Manager Ray McDonnell-Horita.

The refreshed icons are bolder, more refined, and fit seamlessly with the updated wordmark and the latest version of Spectrum, Adobe’s design system.

The redesigned icons began rolling out at Adobe MAX 2025, our annual creativity conference, as part of a broader push to modernize Adobe’s visual systems. From product branding to user experience, this refresh marks a new chapter in how Adobe shows up across every touchpoint.

We spoke with Alex about the work of bringing this system to life.

What was the primary design goal when you set out to update the mnemonic system?

Alex Fernald: We wanted the new icons to feel like they belonged with Adobe’s updated branding—while keeping the scalable foundation that’s able to grow and change as Adobe does and still allowing each product’s personality to shine through. That meant redesigning the product icon system so it would work seamlessly with Adobe’s updated identity to create a cohesive and recognizable experience for the people who use our applications.

Adobe's original and updated wordmarks side-by-side on a white backround. The original version with the red A logo alongside the company name Adobe (left) and the updated version with bolder red A logo incorporated into the Adobe company name.
The updated Adobe wordmark (right) incorporates Adobe’s logo as part of the company name.
A comparison of the Adobe Photoshop product lockups on a white background, The original (left) is the Ps icon alongside the words Adobe Photoshop and the updated version is a similar construction but with bolder text.
Original (left) and updated product lockups for Adobe Photoshop.
A side-by-side comparison of Adobe app icons on a white background. The original set on the left shows 24 square icons with two-letter abbreviations like Ps, Lr, Fr, Ae, Ai in varied colors and darker tones. The updated set on the right features the same icons with brighter hues, higher contrast, and bolder text.
A selection of icons from the original mnemonic system (left) and our updated system.

What was the most unique aspect of the design process?

Alex: We needed the icons to work for both two- and three-letter mnemonics, which required flexibility. To make that possible, we teamed up with Frank Grieẞhammer and Jean Kuwamoto from the Adobe Fonts team to create Adobe Clean Display Mnemonic, a custom font evolved from Adobe Clean Display Black, with four widths for each glyph. The flexibility that this font offered became the backbone of the system.

We leaned on AI and automation to handle the repetitive work of producing 38 product icons and nearly 15,000 assets (that number included app icons, folder and installer icons, primary and secondary file type icons, and splash screens for each of Adobe’s products). The technology gave us more time to focus on higher-level creative decisions while maintaining quality and consistency across a massive volume of assets.

Ten rows of uppercase and lowercase alphabet letters in white on a red background showing five font weights labeled default, s01, s02, s03, and s04.
Adobe Clean Display Mnemonic, a custom variable font that includes four widths for each glyph, enables the Brand & Icons team to choose the letterform that best fits the space and layout needs of each product.
A comparison of Lightroom Classic app icons on a white background. The original icon (left) shows consists of light blue letters "LrC" on a dark blue background. The updated icon on the right shows the same letters and colors but with a bolder type style with more open spacing between the characters.
By providing more control over how things fit and feel, the new font works well even for three-letter mnemonics like Adobe Lightroom Classic.

What was the biggest design hurdle?

Alex: With so many teams and moving parts, one of our biggest jobs was keeping everyone aligned. We had to juggle deadlines, asset needs, and platform guidelines, all while making sure everything looked consistent. Ray McDonnell-Horita was a communication wizard, making sure nothing slipped through the cracks. In the end, the scale of the project made us become even stronger collaborators.

How does the solution better align Adobe customer experiences?

Alex: The mnemonics have always been a key part of Adobe’s visual identity, but now they feel even more intentional and connected to the rest of the Adobe brand experience. The refreshed icons are bolder, more refined, and fit seamlessly with the updated wordmark and the latest version of Spectrum, Adobe’s design system.

What’s most rewarding is how flexible and scalable the new system is—it works everywhere. Whether you’re opening an app, saving a file, or switching devices, the icons maintain clarity and consistency. That adaptability means Adobe’s brand feels unified and familiar, no matter where someone first experiences it.

A screenshot of the Adobe Firefly homepage with the new Firefly icon in the upper left corner. The header reads "Your AI-powered creative space" with a prompt box to choose a model and generate content. Beneath it are are three feature cards: Create a Board, Edit an Image, and Edit Video (beta). A sidebar on the left lists options like Create, Generate, Edit, Production, Quick actions, Your stuff, Custom models, Gallery, Photoshop, and Adobe Express.
The updated Adobe Firefly mnemonic on the Firefly homepage.
A finder window titled "Adobe Photoshop 2025" showing five items: a Ps app icon (dark blue square with rounded corners and light blue Ps letters on a dark blue background) alongside folders labeled Configuration, Locales, Plug-ins (a dark blue folder icon with a simplified plugin symbol in light blue), and Presets. A sidebar includes shortcuts to Recents, Shared, Desktop, Adobe Dropbox, Applications, Documents, Downloads, and iCloud Drive.
The Adobe Photoshop application folder, featuring the new app and plug-in folder icons.

What did you learn from this design process?

Alex: I learned how powerful clear communication and alignment can be in cross-team collaborations. Product, marketing, and design had to move in sync, so that updates would roll out smoothly. We were fortunate that with every team we found ways to work that set up the project for the greatest impact.

What’s next?

Alex: While we’re celebrating all the design-led updates coming to life at MAX, we’ll also be looking forward to seeing our updated product icons start making their way into the tools people use every day.

A diagonal grid of colorful square icons representing Adobe applications, each with two-letter abbreviations in bold type. Examples include Ps for Photoshop, Ai for Illustrator, Id for InDesign, Pr for Premiere Pro, Lr for Lightroom, and Fi for Firefly. Icons vary in background colors of blue, green, red, purple, and black.
A close-up look at some of Adobe’s updated mnemonics.
Header copy
Design your career at Adobe.
Button copy
View all jobs
Button link
/jobs