App Asset Visual Guidelines

Following are templates and guides to use as you design visual assets for your app.

In this topic:

Element Icon

The element icon is what displays in the Element Tray in the Editor. It's what the user drags and drops onto the page. You only need to provide the icon svg. We will add it to the canvas area with the name.Follow these guides:

App Logo

The app logo appears on the App Card in the App Center, above the name of the app, as shown here:

The logo should have a transparent background. It will use the color you set as the background hex as its background. Follow these guides:

Note: It is very important that your logo has a transparent background and that you set the background hex color when you create the app card and not in the actual logo .png. Your logo will not display correctly if you don't follow this guideline.

App Page Images

App page images show your app or element in use. The shot of your app should be offset to one side with descriptive text providing info the customer.Follow these guides:

You can download .png, .pdf, and Sketch versions of these guides here.