Introduction

The Content is the container that groups the text blocks of a piece of content within a meta-cell. It typically includes the title, and optionally a suptitle and a subtitle, each styled by its own Font atom, in the Typography family.

Each block is a Text. The Content stacks them, and gives them a constant rhythm, whatever the cell and whatever the fonts chosen for the app.

Anatomy

The blocks

The Content can hold up to three kinds of blocks, stacked vertically. The suptitle is a contextual label displayed above the title, such as a category or a date. The title, the main title of the content, is the only required block. The subtitle carries additional information below the title, such as a summary.

What each cell displays

Each meta-cell defines which blocks are displayed, depending on the type of content and the layout. The number of lines each block can take depends both on the meta-cell and on the list that renders it. The same block can be limited to a few lines in one layout and run free in another. In the back office, under Display, each list shows or hides the information above and below the title. The title is always there.

Layout

Spacing

Between two text blocks, the Content applies ½G, half the global gutter of the app. The spacing is vertical only, and stays the same whatever the font size of the blocks. Around it, the Content sets no spacing. The layout of the meta-cell places it next to the media or the ToolBar.

Placement

The Content is part of every meta-cell, each defining its own rules for it.