hig logo

hig

hig

vabole/apple-skills246installs248stars

SKILL.md

Full skill instructions

Human Interface Guidelines Reference

Local greppable copy of Apple's Human Interface Guidelines — an on-demand fact lookup, not design direction.

Use it to answer factual questions: what a system component can do, what Apple calls something, accessibility and ergonomic minimums (44pt hit targets, Dynamic Type behavior, contrast), and conventions App Review actually checks.

Visual design in our repos is the designing model's own taste. Consult the HIG for facts, never for aesthetics — it describes what the system provides and requires, not what your screen should look like.

Downloaded Reference Files

All key HIG documentation is available locally (grep-friendly):

Getting Started

FileContentSize
hig-index.mdFull HIG table of contents11KB
designing-for-ios.mdiOS design principles5KB

Foundations

FileContentSize
app-icons.mdApp icon design guidelines14KB
color.mdColor usage and system colors17KB
typography.mdFonts, text styles, Dynamic Type17KB
layout.mdLayout principles, safe areas21KB
materials.mdMaterials, blur effects, vibrancy14KB
motion.mdAnimation principles9KB
accessibility.mdAccessibility best practices19KB
sf-symbols.mdSF Symbols usage21KB

Patterns

FileContentSize
onboarding.mdOnboarding flows6KB
modality.mdModal presentations7KB
launching.mdApp launch experience6KB
feedback.mdUser feedback patterns5KB
playing-haptics.mdHaptic feedback10KB
searching.mdSearch patterns7KB
settings.mdSettings patterns7KB

Components - Navigation

FileContentSize
tab-bars.mdTab bar design11KB
navigation-bars.mdNavigation bar patterns17KB
toolbars.mdToolbar design17KB
sidebars.mdSidebar patterns8KB

Components - Presentation

FileContentSize
sheets.mdSheet presentations11KB
alerts.mdAlert dialogs10KB
action-sheets.mdAction sheets4KB
menus.mdMenu design14KB

Components - Controls

FileContentSize
buttons.mdButton styles and usage17KB
lists-and-tables.mdList and table patterns9KB
toggles.mdToggle/switch design9KB
pickers.mdPicker controls6KB
sliders.mdSlider controls6KB
steppers.mdStepper controls2KB
text-fields.mdText input fields6KB

Searching the Docs

# Find color guidance
grep -i "semantic" color.md

# Find button styles
grep -i "bordered" buttons.md

# Find haptic patterns
grep -i "notification" playing-haptics.md

# Browse the full HIG index
grep -i "navigation" hig-index.md

Fetching More Docs

  1. Search this skill's local .md files first.
  2. If the topic is not here, check the other installed Apple skills you have available by their names, descriptions, or SKILL.md frontmatter, then grep their local files. This is faster and uses less context than fetching new docs from the internet.
  3. If no installed skill has the page, use the relevant Human Interface Guidelines path with the sosumi.ai Markdown mirror. For example, /design/human-interface-guidelines/buttons maps to https://sosumi.ai/design/human-interface-guidelines/buttons.

Common HIG Doc Paths

TopicURL Path
Full Indexhuman-interface-guidelines
iOS Designhuman-interface-guidelines/designing-for-ios
iPadOS Designhuman-interface-guidelines/designing-for-ipados
macOS Designhuman-interface-guidelines/designing-for-macos
App Iconshuman-interface-guidelines/app-icons
Colorhuman-interface-guidelines/color
Typographyhuman-interface-guidelines/typography
Layouthuman-interface-guidelines/layout
Accessibilityhuman-interface-guidelines/accessibility
SF Symbolshuman-interface-guidelines/sf-symbols
Buttonshuman-interface-guidelines/buttons
Tab Barshuman-interface-guidelines/tab-bars
Navigation Barshuman-interface-guidelines/navigation-bars
Sheetshuman-interface-guidelines/sheets
Alertshuman-interface-guidelines/alerts

Quick Facts

System Button Styles (iOS)

What the system provides out of the box:

  • Plain - Text only, minimal visual weight
  • Gray - Gray background
  • Tinted - Tinted background with accent color
  • Filled - Solid background
  • Bordered - Outlined with border
  • Bordered Prominent - Filled background, high prominence

Haptic Feedback Types

  • Selection - Light tap for selection changes
  • Impact - Light/medium/heavy/rigid/soft for collisions
  • Notification - Success/warning/error for outcomes

Safe Areas (ergonomic facts)

  • Content outside safe areas can be clipped by the notch/Dynamic Island, home indicator, or rounded corners
  • Interactive elements outside safe areas may be unreachable or intercepted by system gestures
  • Backgrounds can extend edge-to-edge without those risks

Sources

Apple Documentation

WWDC Sessions