JengaTypography

class JengaTypography(val display: TextStyle, val headingLarge: TextStyle, val headingMedium: TextStyle, val headingSmall: TextStyle, val titleLarge: TextStyle, val titleMedium: TextStyle, val titleSmall: TextStyle, val bodyLarge: TextStyle, val bodyMedium: TextStyle, val bodySmall: TextStyle, val label: TextStyle, val caption: TextStyle, val button: TextStyle, val mono: TextStyle = bodyMedium.copy(fontFamily = FontFamily.Monospace))(source)

Typography token set: the Jenga type scale.

Sizes are fixed-point ports of the frontend's fluid (clamp) scale, tuned for mobile. Note the negative TextStyle.letterSpacing that tightens as type gets larger (a deliberate display-type refinement carried over from the web brand). Read via JengaTheme.typography; override per-app with jengaTypography.

Constructors

Link copied to clipboard
constructor(display: TextStyle, headingLarge: TextStyle, headingMedium: TextStyle, headingSmall: TextStyle, titleLarge: TextStyle, titleMedium: TextStyle, titleSmall: TextStyle, bodyLarge: TextStyle, bodyMedium: TextStyle, bodySmall: TextStyle, label: TextStyle, caption: TextStyle, button: TextStyle, mono: TextStyle = bodyMedium.copy(fontFamily = FontFamily.Monospace))

Properties

Link copied to clipboard

Lead paragraph / prominent body.

Link copied to clipboard

Default body text.

Link copied to clipboard

Secondary / supporting body text.

Link copied to clipboard

Button / call-to-action label.

Link copied to clipboard

Smallest supporting text (timestamps, captions).

Link copied to clipboard

Hero / marketing headline.

Link copied to clipboard

Screen title (h1).

Link copied to clipboard

Section heading (h2).

Link copied to clipboard

Sub-section heading (h3).

Link copied to clipboard

Uppercase eyebrow / field label (use with letterSpacing as-is).

Link copied to clipboard

Monospaced text for codes, serials and IDs. Defaults to bodyMedium metrics.

Link copied to clipboard

Card / list title (h4).

Link copied to clipboard

Medium title / row heading.

Link copied to clipboard

Dense title / emphasized body.

Functions

Link copied to clipboard
fun copy(display: TextStyle = this.display, headingLarge: TextStyle = this.headingLarge, headingMedium: TextStyle = this.headingMedium, headingSmall: TextStyle = this.headingSmall, titleLarge: TextStyle = this.titleLarge, titleMedium: TextStyle = this.titleMedium, titleSmall: TextStyle = this.titleSmall, bodyLarge: TextStyle = this.bodyLarge, bodyMedium: TextStyle = this.bodyMedium, bodySmall: TextStyle = this.bodySmall, label: TextStyle = this.label, caption: TextStyle = this.caption, button: TextStyle = this.button, mono: TextStyle = this.mono): JengaTypography