Type scale
Every screen is built from a small set of type roles. Here is the size, weight, and spacing scale underneath them, then the full catalog of named text styles with where each is used. Switch platform in the bar below to compare iOS and Android.
The scale
The ingredients each style is built from: font size and line height per role. iOS and Android differ on font family, size, line height, letter spacing, and paragraph spacing; only font weight is shared. Switch platform to compare. Weight, paragraph, and letter spacing are the separate token sets shown below.
Text styles
The full set of named styles, role and size and weight combined, taken 1:1 from the source design system. Each row shows its real preview, metrics, status, and where it is used across the production components today. Styles marked Unused are not referenced by any component and are candidates for removal during labs. A few live only inside native components like the date picker, flagged Nativefor a dev check since engineers render those with the system's own type. Nothing is deleted yet while components and layouts are still being cleaned up.
Title
| Preview | Style | Size / LH | Weight | Tracking | Paragraph | Font | Status & usage |
|---|---|---|---|---|---|---|---|
| Title LG Regular | titleLgRegular | titleLg32/36pt | regular | lg0.38pt | none | displaySF Pro Display | Limited use OTP code digits. |
| Title LG Semibold | titleLgSemibold | titleLg32/36pt | semibold | lg0.38pt | none | displaySF Pro Display | In use Sheet and navbar titles, dock and group headers. |
| Title LG Bold | titleLgBold | titleLg32/36pt | bold | lg0.38pt | none | displaySF Pro Display | Limited use Large balance amounts. |
| Title LG Heavy | titleLgHeavy | titleLg32/36pt | heavy | lg0.38pt | none | displaySF Pro Display | Unused · may be removed in labs Not referenced by any component. |
| Title MD Regular | titleMdRegular | titleMd24/28pt | regular | lg0.38pt | none | displaySF Pro Display | Unused · may be removed in labs Not referenced by any component. |
| Title MD Semibold | titleMdSemibold | titleMd24/28pt | semibold | lg0.38pt | none | displaySF Pro Display | In use Avatar labels, headers, sheet titles. |
| Title MD Bold | titleMdBold | titleMd24/28pt | bold | lg0.38pt | none | displaySF Pro Display | Unused · may be removed in labs Not referenced by any component. |
| Title SM Regular | titleSmRegular | titleSm19/24pt | regular | 2xs-0.41pt | none | textSF Pro Text | Limited useNative · confirm with devs Chat type bar, and calendar day numbers (native picker). |
| Title SM Medium | titleSmMedium | titleSm19/24pt | medium | 2xs-0.41pt | none | textSF Pro Text | Limited useNative · confirm with devs Calendar month arrows (native picker). |
| Title SM Semibold | titleSmSemibold | titleSm19/24pt | semibold | 2xs-0.41pt | none | textSF Pro Text | In use Card and row headers, sheet section titles. The most used title. |
| Title SM Bold | titleSmBold | titleSm19/24pt | bold | 2xs-0.41pt | none | textSF Pro Text | Unused · may be removed in labs Not referenced by any component. |
Body
| Preview | Style | Size / LH | Weight | Tracking | Paragraph | Font | Status & usage |
|---|---|---|---|---|---|---|---|
| Body MD Regular | bodyMdRegular | bodyMd17/22pt | regular | 2xs-0.41pt | none | textSF Pro Text | In use Paragraph text, list rows, input values. |
| Body MD Medium | bodyMdMedium | bodyMd17/22pt | medium | 2xs-0.41pt | none | textSF Pro Text | In use Emphasized list values, alerts, card labels. |
| Body MD Semibold | bodyMdSemibold | bodyMd17/22pt | semibold | 2xs-0.41pt | none | textSF Pro Text | In use Button and chip labels, dialog and alert titles. |
| Body MD Bold | bodyMdBold | bodyMd17/22pt | bold | 2xs-0.41pt | none | textSF Pro Text | Unused · may be removed in labs Not referenced by any component. |
| Body SM Regular | bodySmRegular | bodySm14/18pt | regular | xs-0.32pt | md12pt | textSF Pro Text | In use Secondary text, chat bubbles, helper text, form groups. |
| Body SM Medium | bodySmMedium | bodySm14/18pt | medium | xs-0.32pt | md12pt | textSF Pro Text | In use Chip labels, list and chat metadata. |
| Body SM Semibold | bodySmSemibold | bodySm14/18pt | semibold | xs-0.32pt | md12pt | textSF Pro Text | In use Pill, chip and link labels, banners, account rows. |
| Body SM Bold | bodySmBold | bodySm14/18pt | bold | xs-0.32pt | md12pt | textSF Pro Text | Unused · may be removed in labs Not referenced by any component. |
Label
| Preview | Style | Size / LH | Weight | Tracking | Paragraph | Font | Status & usage |
|---|---|---|---|---|---|---|---|
| Label MD Regular | labelMdRegular | labelMd12/16pt | regular | none0pt | none | textSF Pro Text | In use Badge, input and list labels, progress. |
| Label MD Medium | labelMdMedium | labelMd12/16pt | medium | none0pt | none | textSF Pro Text | In use Badges, helper text, wallet card labels. |
| Label MD Semibold | labelMdSemibold | labelMd12/16pt | semibold | none0pt | none | textSF Pro Text | In use Buttons, navbars, card headers, sheet labels. |
| Label MD Bold | labelMdBold | labelMd12/16pt | bold | none0pt | none | textSF Pro Text | Unused · may be removed in labs Not referenced by any component. |
| Label SM Regular | labelSmRegular | labelSm10/12pt | regular | none0pt | none | textSF Pro Text | In use Navbar and toolbar metadata, card sublabels. |
| Label SM Medium | labelSmMedium | labelSm10/12pt | medium | none0pt | none | textSF Pro Text | In use Wallet card labels, transaction metadata. |
| Label SM Semibold | labelSmSemibold | labelSm10/12pt | semibold | none0pt | none | textSF Pro Text | In use Notification badges, tab labels, boost card. |
| Label SM Bold | labelSmBold | labelSm10/12pt | bold | none0pt | none | textSF Pro Text | In use Card headers for referral, select, and verification. |
Using them in code
Every style above ships as ready-to-use code, composed from the same tokens so engineers never hand-assemble a font. Reach a style by name from the catalog, or build any role and weight from the blueprint. Switch platform to see the native shape and download the files.
// UIKit
label.font = TellusTextStyle.titleLgSemibold.uiFont
// SwiftUI
Text("Balance").font(TellusTextStyle.titleLgSemibold.font)let style = TellusTextStyle(.titleLg, .semibold)
label.font = style.uiFont // size + weight (SF Pro optical cut is automatic)
// line height + tracking + paragraph are properties — apply via NSParagraphStyle:
style.lineHeight // 36
style.tracking // 0.38
style.paragraphSpacingThese files are generated from the same spine as the tokens above — a style changed in Figma and synced regenerates them automatically. The named catalog lists every style the design system actually defines (the 27 above); the blueprint builds any role and weight on demand.