User interface (UI) and User Experience (UX) templates are kits that allow users to quickly create prototypes and elements for mobile and web designs. This page outlines a number of requirements and best practices for creating clean and functional screen-based templates for Adobe Stock.

On this page:

General: UI & UX Template Requirements | UI & UX Template Types

UI & UX Template Best Practices: File Setup | Legal Compliance

General

UI & UX Template Requirements

• File Type: .psdt or .ait
• Filesize: must be under 500 MB
• Format Size: must meet standard web/mobile screen sizes in pixels*
• Resolution: 150 ppi
• Colorspace: RGB

*Presentation and organizations elements such as user personas, journey maps, sitemaps, and so on, should meet "general" size requirements.

For more information, see Standard Paper and Screen Sizes.

UI & UX Template Types

We accept the following types of UI & UX templates:

• User Interface (UI) Components Set: A collection/"sticker sheet" of icons, buttons, forms, dropdowns, etc.
• User Interface (UI) Kits: Designed UI templates for desktop and/or mobile screens. These may include one or multiple pages.
• User Experience (UX) Kits: Assets for UX design such as wireframes, sitemaps, journey maps, user personas, etc.

UI & UX Template Best Practices

Follow these best practices to ensure acceptance of your files to the Adobe Stock marketplace.

UI Component Sets, UI Kits, and UX Kits should be created in either Photoshop or Illustrator, and must follow the guidelines for each app.

For more information, see Photoshop Templates Requirements and Illustrator Templates Requirements.

File Setup

UI Component Sets should be laid out similar to logo or icon sets. Each component should be grouped together and have its own artboard. Note: Photoshop file size increases with the number of artboards. Be aware of file size and do not exceed 500 MB.

All text should be editable and colors should be saved as swatches.

UI Kits and UX Kits may include multiple layouts with variable heights. If the template is for a single sized screen, all layouts should have the same width. If the template is for responsive layouts, all sizes should align with our Standard Sizing Guidelines.

For more information, see Standard Paper and Screen Sizes.

UI Kits and UX Kits must use separate artboards for each screen. Each artboard and should be named accordingly with the screen’s function.

Legal Compliance

UI templates must comply with existing Adobe Stock legal requirements. To avoid the most common issues, be sure to:

• Use generic names: such as John Doe or Jane Doe, instead of specific names

• Use placeholders instead of social media icons

• Use generic brand names in layer names, smart object names, or the template itself - avoid Facebook, Instagram, Snapchat, or any other common brand
• Use generic website and social media names such as “example.com” for websites and emails, and @username for generic social media handles in layer names, smart object names, or the template itself

For more information, see Text in Templates and Images in Templates.

Last Published: March 25th, 2019

Top image credit: Medialoot