Templates

There are a few types of templates available on Dropbox. They are all available under Templates. The goal of these templates is to help the Datastory team create and promote new products in a fast, easy and consistent way.

Warning: Do not edit the templates directly.

Promotional templates

Promotional templates will typically have a couple of artboards that are required, and some that are optional. Feel free to create more social media assets as you see fit.

How to work with app promotional templates

1. Make a new folder in Apps with the same name as your app. Please use hyphenation (e.g. swedish-schools). If a folder for your app already exists skip to step 2.

2. Create a folder called promotional in the relevant app folder.

3. Copy app-promotional-template.sketch from Templates/Promotional templates into the promotional folder you created in step 2 and rename it to your app name.

4. The app promotional template includes 2 required resources:

• app icon
• app cover

Tip: Your icon should fit in the dotted circle. This will account for paddings when the icons is displayed on an app card.

This sketch file also includes an artboard that allows you to test how your icon and cover would look like. Here is an example of how your sketch file could look after you have filled in the artboards:

How to work with topic promotional templates

1. Make a new folder in Topics with the same name as your topic. Please use hyphenation (e.g. swedish-media). If a folder for your topic already exists skip to step 2.

2. Create a folder called promotional in the relevant topic folder.

3. Copy topic-promotional-template.sketch from Templates/Promotional templates into the promotional folder you created in step 2 and rename it to your topic name.

Tip: the dotted area on the cover artboard indicates the approximate area that will be visible when the image will be shared on some social media channels. Make sure that all essential visuals fit in the dotted rectangle.

4. The template contains artboards for 3 required resources:

• 1 horizontal topic illustration
• 1 square topic illustration
• 1 topic cover* (add topic illustration on a colored background)

*The topic cover image is used as an og image, meaning that it will appear when sharing a link to a topic on social media:

Tip: Use metatags.io to see how your cover would look like on social media.

5. Export the relevant artboards into the folder you created in step 1. The sketch file and the exported images should always be in the same folder.

Please note that the horizontal and square topic illustrations should be exported as svg while the cover should be exported as an image at 2x the size.

6. Upload the svgs and image to DatoCMS, Twitter, Facebook etc.

How to work with story promotional templates

1. Make a new folder in Stories with the same name as your story. Please use hyphenation (e.g. 2018-in-review).

2. Copy story-promotional-template.sketch from Templates/Promotional templates/ into the folder you created in step 1.

3. Use the story-cover artboard for the story cover. You can also copy paste this or any of the other artboards to create visuals for the story.

4. Export the relevant artboards as images at 2x the size into the folder you created in step 1. The sketch file and the exported images should always be in the same folder.

5. Upload the images to DatoCMS, Twitter, Facebook etc.