Full-Screen In-App Messages

Full-screen messages take up the whole screen of the device! This message type is great when you really need your user’s attention, like for mandatory app updates.


Full-Screen Specs


Element Specification Details
Text & Image - Image Size 5:4 Aspect Ratio
450px by 360px Image Container
Accepts high resolution, PNG, JPEG, GIF.
Image Only - Image Size 10:16 Aspect Ratio
450px by 720px Image Container
Accepts high resolution, PNG, JPEG, GIF.
Copy 20px Header Text - Bolded
14px Message Text - Regular Weight
We cannot recommend character or word limits.
Primary & Secondary Action Buttons Secondary on the Left
Primary on the Right
We recommend contrasting your buttons to present the desired choice to the user with the right button, designating it as the Primary Action.

Full-Screen Viewport

On a tablet or desktop browser, a full-screen in-app message will sit in the center of the app screen as shown below.


Full-Screen Viewport

Image Behavior

Full-screen in-app messages (with text) will fill the entire height of a device and stay true to aspect ratio. Image only full-screen messages will fill the entire height of a device and crop horizontally (left and right sides) as needed. All full-screen in-app messages will fill the open space and status bars on “notched” devices.

  • All images must be less than 5MB.
  • We only accept PNG, JPG, and GIF file types.
  • We recommend that your images be 500KB.

You should always preview and test your messages on a variety of devices to ensure that the most important areas of your image and message appear as expected.

WAS THIS PAGE HELPFUL?
New Stuff!