← Size guides

Header templates for Photoshop, Figma, Sketch

Updated

The official templates are design files with the correct canvas size and a green Art Safe Area overlay. They're the reference storeheader's sizes are measured from.

Which templates exist

  • Photoshop: header, search results, universal
  • Pixelmator: header, search results, universal
  • Figma: universal
  • Sketch: universal

What's inside

Each template has a placeholder background, a hidden sample illustration showing where key elements belong, and the Art Safe Area guide layer. Hide or delete the guide layer before exporting, or it ends up in your image.

The Photoshop files are 16-bit and use the Display P3 profile. The specifications don't require a particular color space; storeheader exports in sRGB, which looks the same on every screen.

Without a design tool

If you don't have Photoshop or Figma, or you need the same design in many languages, storeheader does the layout for you: paste your store link, pick a template, edit the text and download every size and language in one ZIP.

Questions

Is there a Figma template for the header?
The official Figma and Sketch templates cover the universal 16:9 asset only. Photoshop and Pixelmator templates cover the header, search results and universal sizes.
Where's the safe area in the template?
It's the "Art Safe Area" layer. For the header it's 1646 x 661 pixels, starting 1097 pixels from the left and 493 from the top.

Make yours in a minute

Paste your store link, pick a template and download images at the exact sizes, in every language you need.

Open the editor

Sources: Creative assets specifications, Asset best practices, Manage your App Store assets.