Here’s some quick design tips to add a little extra polish to your pages!

Padding

Page content looks best when it’s clean and easy to understand. Adding padding or space between elements on page is an easy way to make your content easy to follow.

Consider the subtle difference between these 2 versions of the same page.


The page below has 20px padding added to the top and bottom on the progress bar and copy area makes the progress bar stand out more and the copy easier to read.

Add padding to rows and blocks by clicking the edit icon.


Within the settings tab, set padding to left and right hand sides, or above and below, the content element.



Images

Try breaking up large blocks of text up by using images. By selecting the “image text” row template you can quickly add an image + text element.




Maximum width

The optimal line length for your body text is considered to be 50-60 characters per line, including spaces (“Typographie”, E. Ruder). Other sources suggest that up to 75 characters is acceptable. So what’s the downsides of violating this range?

  • Too wide – if a line of text is too long the reader’s eyes will have a hard time focusing on the text. This is because the line length makes it difficult to gauge where the line starts and ends. Furthermore it can be difficult to continue onto the correct line in large blocks of text.
  • Too narrow – if a line is too short the eye will have to travel back too often, breaking the reader’s rhythm. Too short lines also tend to stress readers, making them begin on the next line before finishing the current one (hence skipping potentially important words).

We recommend either setting the maximum width you want a row to be from within the settings tab within the edit screen. Or break text in multiple columns.



If you’d like further help please pop in a support ticket from your Funraisin admin and our team will assist you.