Our suite of Design Tools gives your creative control over the design of your Storyline. Learn how to change colors, fonts, and button styles by reading the following tutorial:
1. Navigate to https://app.digiphy.it/storylines/new - or any pre-created Storylines within your account.
2. Click the paintbrush icon to open the Design Tools menu.
3. Click "Colors" to adjust the color scheme of your Storyline. You can change the color of text, buttons, icons, and backgrounds of your Storyline.
4. The preview swatches show what colors are currently chosen. Click to open the color selector. Anywhere you see these you can change the color value.
5. Colors can be chosen visually by dragging the settings on the rainbow picker and the color picker box. You can also type in the hex value directly.
6. Repeat this process for all the other color settings. You can choose various text styles, multiple buttons styles and backgrounds. You might need to place a collection of modules on the page to see all of the options applied.
7. Click the "Fonts" tab inside design settings to change the font, size, and weight of text styles.
8. There are multiple font styles you can customize. For each you can modify the font type, weight and size. Click "Font" to view the font library options.
9. Next select your desire font weight.
10. Finally choose the font size pulldown to increase or decrease the size.
11. There are multiple button styles that can be modified individually. Find the settings by clicking the "Buttons" tag in design settings.
12. You can modify the style (filled or outlined) and corner radius. The button colors are defined in the "Colors" tab of design settings.
13. Here you can move the slider left to right to choose sharp corners or completely rounded.
14. You can reset all design settings for this page by clicking the "Reset" icon at the top right of the settings menu.
15. Click "Reset" to proceed or "Cancel" to keep your changes. If you reset, all design settings for this page will return to their defaults.
