Here are 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 a 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.
Image quality and resolution
Using an image with an unsuitable resolution is one of the most common errors made when adding image content to a page resulting in fuzzy-looking images. The resolution of an image refers to the density of the pixels that make up that image. The general rule of thumb being the higher the resolution, the crisper and more detailed the image will be. For maximum compatibility especially on larger screen devices, for full-screen images, we recommend images with a resolution of at least 1920x1080px and to allow images to load promptly, the image file size is recommended to be 1-3MB in size and have a filetype of JPG.
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 are acceptable. So what are 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 the 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.