Layout Test

Ondřej Brynych
19 listopadu, 2025 in Preview

This is an intro paragraph which creates curiosity to continue reading and eventually summarize the article.

I am a h2 Headline.

I am a h3 Headline.

I am a h4 Headline.

I am a h5 Headline.
I am a h6 Headline.

I am a text block in the content width, with the correct spacing on the left and right. If I need proper names in the text block, I use these quotation marks: ‘EXAMPLE’.

Please note: If I want to insert text from Figma, Word, etc. using copy and paste, I insert it unformatted or in the “Text” tab.

The following applies to links: on loxone.com = same window; other sites (including shop.loxone.com) = new window.

CTA Button

Ghost Button

Here you will find information about images/videos.

If you want to insert an image or video, it will always extend beyond the content width in the desktop version and will be created in a separate line. If you need a video, simply delete the placeholder image and insert the video element in its place.

Here you find information about two- and three-column lines with images.

If you insert a two-column layout and use text on the right and an image on the left, it is important to consider the mobile view. To do this, the image must be created a second time and made visible in the first column only for tablets and mobile devices, and in the second column only for desktops. This is already set up for the elements in the following line. 🙂

Headline

I am a block of text in a two-column line. I am a block of text in a two-column line. I am a block of text in a two-column line. I am a block of text in a two-column line.

Headline

I am a block of text in a two-column line. I am a block of text in a two-column line. I am a block of text in a two-column line. I am a block of text in a two-column line.

Headline

This is a short description text with a maximum of three lines content.

Headline

This is a short description text with a maximum of three lines content.

Headline

This is a short description text with a maximum of three lines content.

Here you will find additional elements that you may need at some point.

Here you will find:

  • Table of contents
  • Quote elements
  • Text left, fact check right
  • Info box
  • Information text element (= extremely helpful when there is an image above and text below)

I am a quote element with an image. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

Max Mustermann

Marketing, Loxone

QUOTE

I am a quote element without an image. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

Max Mustermann

Marketing, Loxone

I am a Headline

I am a block of text in a two-column line. I am a block of text in a two-column line. I am a block of text in a two-column line. I am a block of text in a two-column line.

fact check

country:
XY


location:
XY, YZ


LOXONE Partner:
XYZ


control:
..
..

I am a text block in an info box. I am a text block in an info box. I am a text block in an info box. I am a text block in an info box.