Boxes

ComponentsLayout

Source: Apple Inc. Canonical content at https://developer.apple.com/design/human-interface-guidelines/boxes. This file is a structured index of that content, snapshot 2025-02-02. Apple HIG text and imagery are © Apple Inc.; this repository provides organization and cross-referencing for AI agent consumption only.

Boxes

Best practices

Prefer keeping a box relatively small in comparison with its containing view.

Consider using padding and alignment to communicate additional grouping within a box.

Content

Provide a succinct introductory title if it helps clarify the box’s contents.

If you need a title, write a brief phrase that describes the contents.

Platform considerations

iOS, iPadOS

macOS

Resources

Developer documentation


For the complete guidance, including worked examples and illustrations, see the canonical page: https://developer.apple.com/design/human-interface-guidelines/boxes

Get HIG guidance in your AI

Install Apple HIG Skills and get expert design guidance directly in Claude Code.

npx skills add raintree-technology/apple-hig-skills
Email updates aren't configured on this deployment yet. Follow the GitHub repo (opens in new tab) for updates.