A Full Post for Testing all the Features
Work in progress

Default content block
This is a default block for content in a post. It has a background color different from the page background, called the “secondary color”. It uses the main color for the text.
By default, the whole post takes its color settings from the related parent project or page. These colors can be overridden individually. Posts with no related project resort to a default color scheme, if no colors are defined in the post settings.
The styles below are variations of the default block with different color combinations and font settings.
H3 Heading
H4 Heading
H5 Heading
H6 Heading
For smaller text, also within the same box, you can use the “font-small” class like this.
This should look like the sidebar text. It uses the “font-aside” class.
For adding labels, small callouts, another kind of heading for a panel, etc.
Class “label filled” Can be combined with regular text, like in the beginning of a paragraph. Should also work in the middle of text, but can create weird gaps and line breaks.
Class “label” Also works in smaller text.
.color-inverted
This inverts the base color style. Good for separating main content sections of different type, like the programme or bios from an intro.
.color-bg
This is good to set back contents a bit more in the “background”. Or add a third type of style.
.style-inset
This inverts the shadow style from floating to inset. This can be used for stuff “under the hood” or other notions like that.
.color-bg .style-inset
The inset style can be applied to other color styles, too.
.style-flat
This removes the panel box to blend with the background. Good for section titles or to inject something in the flow of panels.
.color-aside
This takes on the color of the sidebar panels. Used to add more meta or side info or to add another level of content separation.
.color-aside .color-inverted
And the sidebar colors can be inverted, too.