axiom-typography-ref

Document Apple typography reference for SF fonts, Dynamic Type, and text styles.

Updated Dec 23, 2025
One-click install
npx skills add https://github.com/pradeepmouli/swift-template --skill axiom-typography-ref-pradeepmouli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: axiom-typography-ref
Source: https://github.com/pradeepmouli/swift-template/tree/main/.agents/skills/axiom-typography-ref
Command: npx skills add https://github.com/pradeepmouli/swift-template --skill axiom-typography-ref-pradeepmouli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple platform typography guidance across SF fonts, text styles, Dynamic Type, tracking, leading, and internationalization is scattered; this reference consolidates fonts, styles, and platform nuances for consistent UI.

Core Features & Use Cases

  • Font system: details on SF Pro family, SF Pro Rounded, SF Mono, New York, SF Arabic, and variable font axes (weight, width, optical size).
  • Text styles & leading: mapping of system text styles to usage, dynamic type behavior, and leading/line height guidance for multiple platforms (iOS, macOS, watchOS, visionOS).
  • Practical guidance: instructions for implementing typography in UIKit, SwiftUI, and CSS mappings for web contexts; internationalization considerations and accessibility.
  • Use cases: designers and developers aligning typography across apps, ensuring legibility across sizes and languages.

Quick Start

Read this reference to adopt a consistent Apple typography system across all UI.

Frequently Asked Questions about axiom-typography-ref

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I map Apple typography text styles to SwiftUI and UIKit across iOS 26?

Apple typography text styles map dynamically to SwiftUI and UIKit through system text styles, SF Pro fonts, and Dynamic Type, ensuring consistent UI scaling across iOS 26. This reference provides cross-platform implementation examples for applying these styles.

What SF font families and variable font axes are available for Apple platform UIs?

Apple platform UIs use SF Pro, SF Pro Rounded, SF Mono, and New York font families, featuring variable font axes for weight, width, and optical size. SF Arabic is also available for internationalization requirements.

Does this Apple typography reference cover Dynamic Type and leading tracking for watchOS and visionOS?

Yes, this Apple typography reference covers Dynamic Type, leading, and line height tracking guidance across iOS, macOS, watchOS, and visionOS. It ensures consistent legibility and accessible text scaling across all Apple platforms.

How do I handle typography internationalization and accessibility for Apple fonts?

Typography internationalization and accessibility for Apple fonts require applying Dynamic Type and system text styles to support legibility across different languages and sizes. This reference provides specific internationalization considerations for multi-language UI implementations.

What is the best way to align CSS typography mappings with Apple system fonts for web contexts?

Aligning CSS typography with Apple system fonts involves mapping web CSS properties to SF Pro text styles, tracking, and leading values. This reference provides practical CSS mapping instructions to match Apple platform typography standards.

Why does my Apple typography leading and line height appear inconsistent across different platforms?

Apple typography leading and line height appear inconsistent when system text styles and Dynamic Type are not properly mapped per platform. This reference consolidates platform nuances for iOS, macOS, watchOS, and visionOS to resolve alignment issues.