Skip to Content

MOSAIC GALLERY

This module is used to explore applications.

Design specs

Multiple applications

A. Main headline

B. Visual

C. Application name

D. CTA to learn more

Single application

If only one application is displayed, then the solid background color tile card will display the ‘Application name’ & ‘Body copy’.

A. Visual

B. Application name & body copy

Fallback tile card, without image

If there is no available image for an application a fallback version of the tile will be used. This version of the card has a solid red background (instead of the image) and includes the ‘Application name’ & ‘Body copy’.

A. Headline

B. Image or Video ─ optional

C. Introduction - body copy

D. CTA

Configure the curtain

Make sure to configure the curtain with info that serves as an introduction to the application. The curtain will open once a user selects an application.

When to use

Use this module when presenting relevant application(s).

Examples of use

Do’s and Don’ts

DO: Use good quality images that represent the application.

DO: If image quality is low, it is better to not add image and automatically default to fallback tile card.

DON’T: Do not upload images with white background.

DON’T: Do not upload image with weird crops. Always ensure application area is visible.

DON’T: Do not write long headlines, only write the ‘Application name’.