Narratone

Typography

Narratone separates typographic role from HTML structure. Headings retain their responsive element sizes, while semantic classes define the appropriate typeface, weight, rhythm, tracking, and casing for each context.

Antonio carries cinematic display moments. Superior Title is reserved for headings and titles. Martian Mono SemiExpanded is the body and interface voice throughout the system. Sen remains available for expressive, exceptional applications rather than routine product typography.

cinematic display

Antonio

Designed by Vernon Adams.

Antonio is Narratone’s cinematic display face. It is used for the largest identity, project, and campaign moments where typography behaves like a film title rather than interface copy.

The semantic role for this treatment is display-hero. The class controls the display character, while the chosen HTML heading retains its own responsive size.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789!@#$

body + interface

Martian Mono SemiExpanded

Designed by Roman Shamin.

Martian Mono SemiExpanded is Narratone’s default body and interface typeface. Its screenplay-like mono structure gives Filmster a technical rhythm without sacrificing readability.

It powers body-ui, body-reading,label, metadata, andcaption. These roles alter typographic behaviour, not the global element size system.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$

expressive type

Sen

Designed by Kosal Sen.

Sen remains part of the wider Narratone palette for expressive and exceptional applications such as campaigns, artwork, and special visual treatments.

It is not part of the routine semantic hierarchy used across Filmster interfaces and body content.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$

headings + titles

Superior Title

Designed by Jeremy Mickel.

Superior Title is Narratone’s heading and title face. Its editorial character introduces hierarchy and narrative weight without turning every heading into a cinematic hero.

It powers display-section andtitle-card, while the underlying heading element retains Narratone’s existing responsive heading scale.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$

semantic roles

Display Section

Superior Title defines major headings through display-section, while title-card handles smaller title hierarchy. Their font size is intentionally inherited from the element or context rather than imposed by the semantic class.

DISPLAY HERO

Martian Mono SemiExpanded carries body and interface copy. Supporting roles include label, metadata, and caption.

The better way
to make films