Apple's own patterns, rebuilt as Figma components. Every one reads from the same tokens as the rest of the system, so a screen can carry your brand or return to the untouched platform values without being redrawn.
This is not a replacement for the Apple Design Resources. It is the layer that puts your brand inside them.
Each pattern is rebuilt on Appetite tokens. The structure stays Apple: the same anatomy, the same spacing, the same behaviour a user already knows. Colour, type, radius and elevation come from your system, so a Toolbar or a Sheet reads as native and reads as yours at the same time.
The Platform Bridge holds both readings at once. Brand mode resolves every Apple role to an Appetite token. System mode resolves the same roles back to Apple's own values, untouched. One swap on one collection, and there is no second set of screens to keep in sync.
Brand and system
Nothing in the Apple mirror is filled with a hex. Platform Bridge holds 52 iOS roles and every one resolves twice. Set the mode on a frame and the whole screen re-resolves: geometry and structure hold, only the values move.
iOS / Segmented Control, Size Large, is 370 × 50 with padding 2, gap 4, segment 46, in both modes. Its track reads iOS/tertiarySystemFill: flat grey in Brand, translucent in System.
What is covered
Twenty-one pattern pages in the Apple mirror, one row each. Counted in the Figma file, not estimated.
Pattern page
Sets
Components
Status Bar
1
2
Tab Bar
3
20
Toolbar
1
4
Text Field
1
4
List
2
15
Controls
6
33
Menu
3
19
Page Control
2
5
Action Sheet
1
4
Activity View
2
28
Alert
3
11
Button
7
114
Dynamic Island
3
15
Face ID
1
3
Keyboard
12
59
Live Activity
1
6
Notification
1
6
Picker
3
11
Sheet
2
10
Toggle
1
8
Widget
1
6
Total
57
383
Sets are variant sets. Components counts every variant inside them. Button and Keyboard carry the largest matrices because both cross size with state. Counted 8 Sep 2026.
Tokens and metrics
Device geometry lives in its own collection, one mode per device class. The iOS half of Platform Bridge is 52 roles.
Variable
ios-md
ios-lg
grid/safe-area/top
59
62
grid/safe-area/bottom
34
34
grid/columns
16
16
platform/min-touch-target
44
44
platform/bar/top-height
44
44
platform/bar/bottom-height
49
49
platform/list-row/min-height
44
44
platform/control/corner
8
8
platform/card/corner
12
12
platform/sheet/corner
12
12
platform/dialog/corner
12
12
platform/switch/track-width
51
51
platform/switch/track-height
31
31
platform/screen-padding
16
16
The two iOS modes differ in one variable: grid/safe-area/top, 59 on ios-md and 62 on ios-lg. A third mode, android, sits in the same collection. Apple publishes the 44pt target and 11pt minimum text; every other number is an Appetite decision. Both font variables read Inter.
Role
Brand
System
iOS/tintColor
#155DFC
#007AFF
iOS/label
#0E0E0F
#000000
iOS/secondaryLabel
#48484A
#3C3C43 60%
iOS/separator
#E9E9EA
#3C3C43 18%
iOS/systemGreen
#22C55E
#34C759
Shape and type
Brand
System
iOS/sys/shape/corner-small
8
10
iOS/sys/shape/corner-large
24
26
iOS/sys/typography/body
18
17
iOS/sys/typography/subheadline
14
15
iOS/sys/typography/footnote
12
13
A sample of the 52 roles, light. Each resolves again for dark: iOS/tintColor becomes #2B7FFF in Brand and #0A84FF in System. Brand values point into your Appetite colour tokens, so one brand change moves them all.
iOS, SwiftUI, SF Pro and SF Symbols are trademarks of Apple Inc, Material Design of Google LLC. Appetite UI is not affiliated with, endorsed by or sponsored by either; platform names describe compatibility. No Apple artwork, symbol or typeface is included. Every layer is Appetite geometry on Appetite tokens, in Inter with Lucide icons.
