Root Size

The sizes of all texts, components and layouts are based on the root font size. This is one of the most important basic parameters in the entire Style Guide. The default root font size corresponds to the browser font size, which is 16px by default and can be changed by the user in the browser.

On mobile devices, we will scale the standard font size up to 18px so that all texts, components and layouts are easier to use for touch devices.

The individual themes can change this font size.

Theme basic Screen size XL

html

finanzen.ch

finanzen.ch use as root size:

14px for desktop screens
16px for mobile screens

finanzen.net

finanzen.net use as root size:

14px for desktop screens
16px for mobile screens

Markets Insider

Markets Insider use as root size:

16px for desktop screens
16px for mobile screens