Docs / Design

Text and fonts

Text is usually the first thing visitors read, so it deserves more attention than the default settings. The Text tab controls the words in the selected block.

Last updated

Headings and paragraphs

Use Heading for titles and section names, and Paragraph for body text. Headings come in levels: H1, H2, and H3.

Use one H1 per page, usually the main page title. Use H2 for major sections and H3 for smaller subsections. This helps visitors scan the page and helps search engines and screen readers understand its structure.

Do not pick a heading level just because it looks the right size. Pick the level that matches the structure, then change the font size if you need to.

Font

The Font control changes the typeface. Your project starts with a heading font and a body font chosen in the new project wizard. You can override the font for a single block when you need to.

A few practical rules:

  • Two fonts are usually enough: one for headings and one for body text.

  • Sans serif fonts are easy to read on screens.

  • Serif fonts can feel more editorial or traditional.

  • Monospace fonts are for code, labels, and small technical details.

Size and weight

Size changes how large the text is. Body text is usually around 16 to 18 pixels. Headings can be much larger.

Weight changes how bold the text is. Use bold for emphasis, not for whole paragraphs. A page where everything is bold has no emphasis left.

Color

The text color should contrast with the background. Dark text on a light background and light text on a dark background are the safe choices.

If you are unsure, check the page on a phone in bright light. Low contrast is much harder to notice on a large desktop monitor.

Alignment

Align sets whether text sits on the left, in the center, or on the right.

Left alignment is the easiest to read for paragraphs. Centered text works for short headings, quotes, and calls to action. Right alignment is rare; use it only when you have a reason.

Inline styles

Select part of the text to make it bold, italic, underlined, or struck through. You can also add a link to the selected text.

Inline styles are for emphasis inside a sentence. They are not a substitute for a heading or a separate paragraph.

For a small inline icon, type : and search, for example :check or :star. Read Slash commands and hidden shortcuts for how the icon grid works.

Text shadow

Text shadow adds a shadow behind the letters. It can help text stay readable over a photo, but it can also look dated or messy.

If the text is hard to read over an image, try a darker overlay on the image first. A shadow is the second option, not the first.

Select text and use the link control to point it at a page, a URL, an email address, or a phone number. You can also choose to open the link in a new tab.

Avoid "click here" as link text. Describe the destination instead: "See the pricing" or "Read the full story". It helps visitors and screen readers.

Typography and the rest of the site

The styles you set here apply to one block or one selection. If you want every heading or every button to change, use the Style manager.

A simple starting recipe

For a readable page:

  1. One H1 at the top.

  2. Body text at 16 to 18 pixels.

  3. H2 for each major section.

  4. Generous space between sections.

  5. Left-aligned paragraphs.

  6. One accent color for links and buttons.

Then read the page on a phone. If you have to zoom in, the text is too small.

Remake

A website builder that works like a document. CMS, forms and EU hosting included.

Resources

© 2026 Remake. All rights reserved.