SkapaTypography

Typography Tokens used in Skapa

See also

Samples

SkapaTheme2(
    darkTheme = isSystemInDarkTheme(),
    fontFamily = NotoIkeaLatin, // Add your desired font family
    typeScale = SkapaTypeScale.SmallScreen, // Select the desired type scale depending on what size device you are designing for
    baseFontSize = 14.sp // Add your desired base font size, increasing will scale all typesets accordingly
) {
    Column {
        Text(
            text = "Skapa Display M",
            style = SkapaTheme.typography.displayM
        )
        Text(
            text = "Skapa heading M",
            style = SkapaTheme.typography.headingM,
            modifier = Modifier.semantics { heading() }
        )
        Text(
            text = "Skapa statement M",
            style = SkapaTheme.typography.statementM
        )
        Text(
            text = "Skapa body M",
            style = SkapaTheme.typography.bodyM
        )
        Text(
            text = "Skapa label M",
            style = SkapaTheme.typography.labelM
        )
        Text(
            text = "Skapa caption M",
            style = SkapaTheme.typography.captionM
        )
    }
}

Types

Link copied to clipboard
object Sizes

Different font sizes recommended by Skapa

Link copied to clipboard
object TypeScale

Skapa type sets, with long and short line height text. Represented by SkapaFont class