It is easier for users to digest information if it's grouped into logical blocks. Set padding to 120 px-180 px and separate blocks of text by using colour backgrounds.

Same-size spaces should be set around logical blocks. Otherwise your page will look messy, and users may not give equal consideration to each section.

To avoid logical parts from blending in, keep them separate and insert a large space (at least 120 px) between them.

There should be sufficient contrast between text and background. To make copy prominent, place a contrasting filter over the image. Black is a popular colour but you could also use bright colours and mix and match them.

Another option is using a contrasting image from the start and placing the copy on top of a dark section of a photograph.

Too many typographic and design styles on one page make it look unprofessional and hard to read. To avoid this, limit yourself to a single font and two options for saturation, for example, normal and bold.

Avoid emphasising narrow page elements with colour. It just doesn't look good. For example, headings are already well marked thanks to their size, type saturation and paddings. Would you like to highlight a particular point on a page? Use a colour background for the entire block, including a related heading and text copy.

When there is a lot of text copy in narrow columns, it is difficult to read because site visitors have to skip from one line to the next. Plus, it just doesn't look good! It's best to cut on the number of columns and shorten the text copy, otherwise nobody will read it.

Centering text on the page works well when there is little text, otherwise it's hard for users to navigate it efficiently. At the same time, increase the font size starting from 24 pixels.

If you need to include a lot of text, use the blocks featuring collapsable text copy (in Tilda, it's blocks TX12, TX16N or the button BF703).

Avoid covering meaningful parts or small details of an image with text. This way, you will both obscure the image and make the text illegible. Try different positions for the lines such as centering them or aligning text left or placing them vertically.

For information hierarchy to be clearly visible on a page, the title on the cover should be bigger than the rest of the headings or at least the same size, especially if the headline is long, for example.

The same principle applies to visual hierarchy within a logical block. The headline should be the largest design element on the page, followed by a smaller, less prominent subhead. Next, features titles that follow should be noticeably smaller than the heading, and of the same weight. The smallest fonts should be used for features descriptions.

This will help site visitors distinguish between the most important and less important information.

A full-screen image or gallery, following a text, resembles a separate, independent block. If you add padding around the gallery, both text copy and images will look as a logical whole thanks to a shared background.

A very large font is perfect for a short sentence. If the headline is long, use a smaller size font. It will be easy to read and leave plenty of space to all other design elements on the page.

Borders are necessary when a button is transparent. Adding a border for a colour button does not make sense, it's just another meaningless design feature that overloads a page and makes it difficult to read it.

Using too many colours on a page is confusing, and it's unclear which bits are more important. One or two colours are enough to give visual prominence to what's really important.

People visit websites to find solutions to their problems. Help them! Use the menu to help people navigate the website and find what they need quickly and easily. Don't overload them with with excessive information. It's enough to have 5-7 menu items.

A wall of text makes reading difficult to understand. For easy navigation, split it into paragraphs or introduce breaks such as a key phrase or an image.

A headline should not 'hang' between chapters at a similar distance because it belongs to the paragraph that follows. The distance above a headline should be 2-3 times bigger than the space under it. At the same time, the distance under a headline should be roughly the same as the space between paragraphs, or slightly larger. This way, the header will visually refer to the subsequent text.

In typography, contrasting is used to visually divide different levels of text and establish a strict hierarchy. Main headings should be the most prominent on page, subheads should be considerably smaller but still clearly visible.

If blocks carry the same weight, they should have the same look and feel and be positioned at an equal distance from each other.

On one hand, an illustration and its caption form a whole but these are two separate elements, and captions should not interfere with images.

A subhead and text copy that follows belong together but if the space between paragraphs in an article is bigger than the space between the subhead and the following paragraph, the article looks disjointed.

Elements used as expressions of emphasis such as key phrases or quotes are independent objects. For them to truly stand out, set them at 75-120 px from the main body copy.

If you'd like to emphasise a certain phrase, be bold, make a key phrase bigger than the main text by 10-15 px. Let the key phrase really stand out from the rest of the text.

If you'd like to highlight a small section of a page such as author information, it's enough to set sufficient padding around this, which will create an impression of space. Don't place this section on a colour background; this will look out of place.

Don't use colour for the subhead. Using a bigger font and padding should be sufficient to make it pop on the page

When you are using several full-screen images in a sequence, avoid leaving a space between them. The border will still be visible, and there is no need to add an additional element. It just doesn't add anything.

Design accents (such as boldface here) work well when there are few of them. Put in too many, and this will get in the way of reading the page.

Design should not interfere with readability. The fewer typography styles there are, the better important elements are visible. It's enough to emphasise headlines and subheads, and use contrast for key phrases.

Centering is usually applied to headlines and block quotes to distinguish them from the rest of the text. A centered long text is difficult to read.

A headline is an individual design element. It should not sit too close to an image that follows. For a winning combination, set padding at no less than 60 px, and add a subhead – it will unfold the contents of the page and place the right emphasis where you need it.

Italics are used to highlight a word or a short phrase within a text. It is not as immediately noticeable as bold type but it does allow you to make an emphasis where you need it.

Don't write everything in italics (body copy, headlines). And if sans-serif fonts are used in text copy, avoid italics altogether.

You can spot this error easily yourself if you take a small break after editing your page(changing font size, alignments or indentation) and taking a look at what's on it.