Mobile iOS Design

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps.

A masterclass in Apple's Human Interface Guidelines and SwiftUI for building polished, native iOS apps. It covers the SwiftUI layout system, navigation patterns, SF Symbols, Dynamic Type, semantic colors, and materials so apps feel at home on Apple platforms and pass App Store review.

$15 one-time
Add to a kit →

Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in

  • Type Skill
  • Category Design & UX
  • Delivery Email · instant
  • License One-time
Run preview
forgehouse, mobile-ios-design

Inside the run · no black box

See the actual work before you buy it.

Apple's rules are not suggestions. Clarity, deference and depth shape every screen this skill builds, with SwiftUI carrying Dynamic Type, dark mode and VoiceOver almost for free when used correctly.

  1. Grounds the screen in the three HIG principles first: clarity, deference and depth. Content leads, the UI defers to it through system materials and hierarchical SF Symbol rendering instead of competing decoration.
  2. Lays out views with VStack, HStack and LazyVGrid adaptive columns that fill available width on both iPhone and iPad, keeping layouts flexible rather than pinned to fixed sizes.
  3. Wires navigation with NavigationStack path state and TabView, keeping NavigationLink values Hashable so destinations resolve safely and deep navigation does not crash.
  4. Pulls iconography from the SF Symbols library and typography from semantic fonts (.headline, .body, .caption), so every element scales automatically with the user's Dynamic Type setting and gets VoiceOver descriptions for free.
  5. Uses semantic colors (.primary, .secondary, .background) and system materials for surfaces and blur, so dark mode works with zero manual color swaps and hardcoded hex values never enter the code.
  6. Closes with accessibility and persistence: accessibilityLabel and hint modifiers, safe area respect on notched devices, and @SceneStorage state restoration so users reopen the app exactly where they left off.
Use cases · what happens when you plug it in

One power source. 6 lines out.

mobile-ios-design · core

core active · 6 lines

  1. Designing iOS interfaces following Apple's Human Interface Guidelines

    ✓ designing ios interfaces
  2. Building SwiftUI views and layouts

    ✓ building swiftui views and
  3. Implementing NavigationStack, TabView, and sheet navigation

    ✓ implementing navigations…
  4. Supporting Dynamic Type and Dark Mode correctly

    ✓ supporting dynamic type
  5. Using SF Symbols and system typography for consistency

    ✓ using sf symbols and sys…
  6. Creating adaptive layouts for iPhone and iPad

    ✓ creating adaptive layouts
Benefits · what you walk away with

Yours to keep.

Drag time forward. Watch what stays.

Forever

That's what owning means.

The rented stack

ai writing tool: subscription

expired · access lost

analytics suite: subscription

expired · access lost

design platform: subscription

expired · access lost

(nothing left)

Your forge

  1. Deliver the premium, pixel-perfect feel iOS users expect

    license: perpetual
  2. Pass App Store review by respecting accessibility and Dynamic Type

    license: perpetual
  3. Get automatic dark mode and high-contrast support through semantic colors

    license: perpetual
  4. Preserve user context across launches with state restoration

    license: perpetual

subscriptions expire · deeds don't

What's included · the full manifest

Everything in the box.

Pick a piece up. Watch it work.

SwiftUI stack and grid layout patterns with adaptive sizing

part 01 of 06 · in the box

6 parts · one working system · ships instantly by email

Who it's for

This wasn't forged for everyone.

  • Not for you if you'd rather rent a tool than own one.
  • Not for you if you want someone else to run your stack.
  • Not for you if you're happy guessing.
Still here? Good.

iOS developers and designers building native apps with SwiftUI who want HIG-compliant, accessible, App Store-ready interfaces.

then this was forged for you.

Works with

Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.

  • Claude Native format
  • ChatGPT Adapts via open standards
  • Gemini Adapts via open standards
  • Cursor Adapts via open standards
  • Copilot Adapts via open standards
Questions · still in the air

Catch what's on your mind.

the air is clear. nothing between you and the forge.
catch a spark: the forge will answer

  1. Does one layout approach work for both iPhone and iPad here?

    Yes. The SwiftUI stack and grid patterns use adaptive sizing, so the same views scale across iPhone and iPad, and the NavigationStack and TabView implementations follow the same adaptive logic.

  2. How does it get dark mode right without designing every screen twice?

    By leaning on semantic colors and materials: you declare meaning instead of fixed hex values, and dark mode plus high-contrast support come automatically. Depth patterns for light and dark mode handle the cases where elevation needs to read differently.

  3. Does it cover UIKit?

    No. It is SwiftUI and the Human Interface Guidelines throughout: layout, navigation, SF Symbols, Dynamic Type, and state restoration. Legacy UIKit screens would need their own treatment.

  4. How is it delivered?

    By email right after purchase: ready to run, downloaded instantly, no setup wait.

  5. One-time or subscription?

    A one-time purchase; no subscription or hidden fees. VAT (20%) is included.

  6. Can I get a refund?

    As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.