Page Header images

Events, Projects, Topics, and hub pages can host a header image at the top of the page:

For these, using a width:height ratio of 4:1 is ideal, with a minimum width of 1200px. Going bigger is fine, we'll automatically optimize your image for the device the participant is using.

Question Header Images

For images associated with questions, generally look to target a 3:2 width:height ratio with a minimum width of 800px. We'll optimize these for the user's device as well.

Keep in mind detailed images are fine to use, as participants will have the option to zoom images to full size on desktop, or pinch to zoom on mobile:

Social Assets

When creating imagery for targeted Facebook & Instagram outreach, use the latest recommendations here

As of this writing, we recommend the full landscape aspect ratio of 16:9, with a majority of the key content towards the center of the image for cases when the Instagram will also be used.

Project Icons (Optional)

When displaying projects on a hub, you can visually differentiate them by using a project icon. These are square, and should have a minimum width of 128 pixels. You can go bigger, we'll optimize these to a smaller size.

Color Palettes

On the customer settings page, you can set a default accent color. This will affect a number of aspects of the user experience, including the default color while content is loading, questions that are selected, and prominent colors in interactive graphs.

Keep in mind you can further customize styling using the site-wide Customer CSS options on the customer settings page, create custom styles on the project settings page, and even apply question level CSS in the question editor modal dialog.

Did this answer your question?