Design Spec Sheet

Icons

Icon Specs

Open

Icon Size - 300 x 300 px with small margin

Type - Graphic or Image

File Format - .PNG .JPG .GIF ensure images are optimised for web use

Icon Naming Convention

Icon file names should be formatted relevant to the preezie Questions Answers and Logic Sheet

File Name Format - QuestionNumber_AnswerNumber_AnswerCopy

Open

Example

Workflow Image Background

Consider how your background will look underneath the graphics and text of your workflow. We recommend images that:

• Are low contrast

• Avoid blacks and bright whites

• Have limited detail

Image Specs

Image Size

• Desktop – 2000 x 1000 px

• Tablet – 800 x 1000 px

• Mobile – 480 x 800 px

Type - Graphic or Image

File Format - PNG .JPG ensure images are optimised for web use.

Example Backgrounds

Loading Animation

We will always include a loading screen before showing results. Doing so increases conversions due to a perception that the tool is putting effort into analysing the preezie shopper’s inputs to generate results. This is known as the effort heuristic!

Animations can be:

• A simple loop with no text

• An animation of up to 4 seconds

Specs - The animation must be a 300 x 300px animated .GIF and web optimised to be under 400kb file size.