SweetUI

Search items

Jump to an item

recipe

typography

Styles = type scale: weight, design, monospaced digits.

typographytext-stylesfonttype-scaleguidance
typography, light

On iPad

The same installed source at a regular width. It adapts its layout without a separate design.

typography on iPad, light

Install

Usage

VStack(alignment: .leading, spacing: 8) {
    Text("Balance")
        .font(.title2.weight(.semibold))
    Text(amount, format: .currency(code: "KWD"))
        .font(.largeTitle)
        .monospacedDigit()
    Text("Updated today")
        .font(.footnote)
        .foregroundStyle(.secondary)
}
.fontDesign(.rounded)
.registryItem("typography")

Why native is enough

.largeTitle-.caption2: 11 styles, type scale, with Dynamic Type. .fontDesign (root) sets typographic voice. .monospacedDigit() aligns figures (currency).

Accessibility contract

  • Scales with Dynamic Type, accessibility sizes; no hardcoded points.
  • Regular-Bold: legible; below Regular thins, fails at small sizes.

Details

Kindrecipe
Version0.1.1
PlatformsiOS 26.0+
Dependenciesnone
Sourcenone (native guidance)