6. Content Styles

Content styles tell Cinecred how to layout and render head-body-tail blocks. You create these styles in the styling window, and then assign them to the blocks in the Credits spreadsheet. This article explains the configuration options of a content style.


Like all other styles, content styles have a unique name. It is used to reference them from the Credits spreadsheet.

Setting demonstration

Head-Body-Tail Orientation

This setting configures whether the head and tail should be placed horizontally next to the body, or vertically above and below the body.

Setting demonstration

Attachment to the Spine

The spine is the vertical cyan line along which blocks are placed. By default, there is a single centered spine, but you can change that in the Credits spreadsheet.

This setting configures at which horizontal location the spine passes through the block. For example, you could choose to have the spine pass through the gap between the head and body. The block is then positioned accordingly.

Setting demonstration

Vertical Margin

At least this amount of pixels must remain blank above and below the block. Think of it as a minimum vertical gap. As such, if the neighboring block has a bigger margin, or if a bigger vertical gap is specified in the spreadsheet, this setting has no effect.

This margin only applies within a spine, but not between spines. The rationale is that if you are breaking spines, you should be hand-crafting the vertical spacing at that point anyway.

For example, see how increasing the vertical margin of the blocks in the following example affects the final vertical gaps:

@Head @Body @Spine Position
Director of Photography Peter Panner
Gaffer Gustav Gluehbirne 0
1st Assistant Camera Paul Puller
2nd Assistant Camera Charly Clapper
Luke Loader

Setting demonstration

Body Letter Style

While the various settings of a content style control the layout of a block, they don’t configure the appearance of text. That is left to letter styles, which select a font, set the size, and provide a lot more options for creative design.

A content style then simply references the letter style that should render the body text.

Setting demonstration

Body Layout

As you know, a block may comprise multiple body cells. For example, a list of drivers could consist of the head “Drivers” and the three body cells “Dominic”, “Detlef”, and “Dora”.

The body layout controls how these body cells should be arranged. There are three layouts available:

Setting demonstration

Each layout has its own set of configuration options, which are detailed on the following articles:

  1. Grid Layout
  2. Flow Layout
  3. Paragraphs Layout

Allow Head/Tail

While every block has a body, the head and tail are optional. If you want to have either, you need to enable support in the block’s content style. This will also bring up more settings to customize the head or tail.

Setting demonstration

Head/Tail Letter Style

Similarly to the body letter style, a content style references two more letter styles to use for the head and tail text, if applicable.

Setting demonstration

Force Head/Tail Width

These settings force all heads or tails to have a certain, manually specified width. They are only available for content styles which are oriented horizontally.

Setting demonstration

Match Head/Tail Width

These settings force all heads or tails to have the same width. By default, it only affects blocks of the same content style, but can be broadened to include other content styles. To break the enforcement at some point, use the @Break Match column in the Credits spreadsheet.

This setting is only available for content styles which are oriented horizontally.

Setting demonstration

Justify Head/Tail

These settings control whether the head or tail should be justified left, centered, or justified right inside its allotted box, which is marked by green layout guides.

Setting demonstration

Align Head/Tail

When the content style is oriented horizontally and the body has more than one row, this setting controls whether the head or tail should be aligned with the top row’s center, bottom row’s center, or the overall center.

Setting demonstration

Head/Tail-Body Gap

This amount of blank pixels is inserted between block’s body and the head or tail.

Setting demonstration