Typography and Fonts
Comprehensive typography system for iOS Agentforce components with multiple scales, weights, and semantic usage patterns.
The AgentforceTheme.Fonts protocol provides a sophisticated typography system designed for conversational AI interfaces. The system includes multiple font scales, weights, and semantic usage patterns optimized for readability and hierarchy.
The typography system provides multiple text scales and weights for creating clear information hierarchy.
Base text styles for content and conversational text:
| Property | Type | Description |
|---|---|---|
bodyScaleBaseRegular | Font | Base body text, regular weight |
bodyScaleBaseSemibold | Font | Base body text, semibold weight |
bodyScaleBaseBold | Font | Base body text, bold weight |
Larger text styles for emphasis and improved readability:
| Property | Type | Description |
|---|---|---|
bodyScale1Regular | Font | Larger body text, regular weight |
bodyScale1Semibold | Font | Larger body text, semibold weight |
bodyScale1Bold | Font | Larger body text, bold weight |
bodyScale2Regular | Font | Even larger body text, regular weight |
bodyScale2Semibold | Font | Even larger body text, semibold weight |
bodyScale2Bold | Font | Even larger body text, bold weight |
Compact text for secondary information and captions:
| Property | Type | Description |
|---|---|---|
bodyScaleNeg1Regular | Font | Smaller body text, regular weight |
bodyScaleNeg1Semibold | Font | Smaller body text, semibold weight |
bodyScaleNeg1Bold | Font | Smaller body text, bold weight |
bodyScaleNeg2Regular | Font | Even smaller body text, regular weight |
bodyScaleNeg2Semibold | Font | Even smaller body text, semibold weight |
bodyScaleNeg2Bold | Font | Even smaller body text, bold weight |
Heading styles for interface hierarchy:
| Property | Type | Description |
|---|---|---|
titlesScale3Regular | Font | Medium titles, regular weight |
titlesScale3Semibold | Font | Medium titles, semibold weight |
titlesScale4Regular | Font | Large titles, regular weight |
titlesScale5Regular | Font | Extra large titles, regular weight |
titlesScale6Regular | Font | Largest titles, regular weight |
Large format text for hero content and branding:
| Property | Type | Description |
|---|---|---|
displayScale7Light | Font | Large display text, light weight |
displayScale8Light | Font | Largest display text, light weight |
Common implementation patterns for applying typography in different interface contexts.
Guidelines for effective typography implementation and accessibility.
- Display Text: Use for hero content and primary branding
- Title Text: Use for section headers and primary navigation
- Body Text: Use for content, messages, and descriptions
- Small Text: Use for metadata, timestamps, and secondary information
- Light: For large display text and elegant headers
- Regular: For body content and standard text
- Semibold: For emphasis and important labels
- Bold: For strong emphasis and critical information
- All font sizes meet minimum accessibility requirements
- Text scales appropriately with system accessibility settings
- Sufficient contrast maintained across all text styles
- Consider user's Dynamic Type preferences
For custom font implementation examples, see the iOS SDK Developer Guide.
- Typography is the only supported customization option for Agentforce Mobile SDK theming
- AgentforceClient - Client configuration with theming support