axiom-typography-ref

Reference Apple platform typography, San Francisco fonts, Dynamic Type, and SwiftUI AttributedString practices.

Updated Dec 3, 2025
One-click install
npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-typography-ref
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: axiom-typography-ref
Source: https://github.com/tuliopc23/flying-dutchman-app/tree/main/.claude/skills/axiom-typography-ref
Command: npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-typography-ref

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive reference for typography on Apple platforms, helping developers and designers create visually consistent and accessible user interfaces.

Core Features & Use Cases

  • Font System Deep Dive: Understand San Francisco font families, weights, and widths.
  • Dynamic Type & Text Styles: Learn how to implement scalable and adaptive text for accessibility.
  • Tracking & Leading: Master fine-tuning of letter and line spacing for optimal readability.
  • SwiftUI & AttributedString: Get best practices for handling typography in modern SwiftUI applications.
  • Use Case: Ensure your app's text looks perfect across all Apple devices and accessibility settings by referencing the correct font styles, weights, and spacing guidelines.

Quick Start

Provide a detailed explanation of Apple's San Francisco font system, including its different families and their intended uses.

Frequently Asked Questions about axiom-typography-ref

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

FAQPage Schema
How do I use Dynamic Type and text styles in SwiftUI for accessibility?

Dynamic Type in SwiftUI scales text automatically based on user accessibility settings. You implement it by applying semantic text styles like .font(.body), ensuring your app's typography adapts across all Apple devices.

What are the San Francisco font families and variable font axes on Apple platforms?

The San Francisco font system includes SF Pro, SF Compact, and SF Mono for specific interface contexts. Variable font axes allow developers to adjust weight and width dynamically for fine-grained control over typography.

How do I adjust tracking and leading for UIKit and SwiftUI text elements?

You adjust tracking and leading to fine-tune letter and line spacing. In SwiftUI you use kerning and tracking modifiers, while UIKit provides NSAttributedString properties for precise spacing control.

Does Apple typography support internationalization and platform-specific nuances for visionOS?

Apple typography supports internationalization across iOS, macOS, watchOS, and visionOS. It addresses platform-specific nuances by providing scalable text styles and San Francisco variants that adapt to localization requirements.

What are the best practices for using AttributedString in SwiftUI applications?

SwiftUI AttributedString best practices involve using semantic text styles and Dynamic Type to maintain visual consistency. You leverage variable font axes and proper tracking to ensure text remains accessible and readable.

Why does my custom font not scale properly with Dynamic Type in UIKit?

Custom fonts often fail to scale with Dynamic Type if you bypass semantic text styles. To fix this, map your custom fonts to UIFontMetrics in UIKit to ensure they respond correctly to user accessibility settings.