Tier 2Native apps: tokens only. The iOS app is UIKit: UITabBarController, UINavigationController, UITableView, rendered with iOS 26 Liquid Glass. put.io supplies the tint, surfaces, GT America and Phosphor icons. Never port components.css.--yellow-text-secondary · --yellow-solid · --app-bg · --nav-bg · --text · --text-secondary
The app frame is UIKit's, the paint is put.io's
One UIKit app for iPhone and iPad. Four tabs: Files, History, Downloads, Account. History hides when history is off in Account.

iPad gets the same tab controller, which iPadOS draws as a top tab bar. No split view, no sidebar.
Tint is --yellow-text-secondary, set on the window, tab bar, nav bar and table cells. Opaque --nav-bg nav bar, GT America Bold 17 titles, large titles off. Dark only.
Search is one UISearchController on the root Your Files; there is no Search tab. Drawn 1:1 in points, 393×852 and 1024×768.
9:41
Your Files
Search
Movies
8 GB - 2 hours ago
Series
12 GB - 2 hours ago
Items shared with you
4 GB - 2 hours ago
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
3.42 GB - 2 days ago
Seinfeld.S09E23.The.Finale.Part.2.720p.HDTV.x264-FLEET.mkv
1.17 GB - 5 days ago
podcast_ep127_final_mixdown_v2.mp3
84.2 MB - last week
ubuntu-24.04.1-desktop-amd64.iso
6.1 GB - 3 weeks ago
document-scan-march-2026.pdf
1.1 MB - last month
IMG_4392.HEIC
2.4 MB - 6 months ago
Files
History
Downloads
Account
iPhone · UITabBarControllerFloating glass tab bar, GT America labels, selected tab on a pill. ⋯ holds Select, New Folder and sort.
FilesHistoryDownloadsAccount
Movies
8 GB - 2 hours ago
Series
12 GB - 2 hours ago
Items shared with you
4 GB - 2 hours ago
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
3.42 GB - 2 days ago
Seinfeld.S09E23.The.Finale.Part.2.720p.HDTV.x264-FLEET.mkv
1.17 GB - 5 days ago
podcast_ep127_final_mixdown_v2.mp3
84.2 MB - last week
ubuntu-24.04.1-desktop-amd64.iso
6.1 GB - 3 weeks ago
document-scan-march-2026.pdf
1.1 MB - last month
IMG_4392.HEIC
2.4 MB - 6 months ago
iPad · same tabsiPadOS puts the tab bar on top. ⋯ and search sit top right as glass buttons.
Tint
--yellow-text-secondary
window, tab bar, nav bar, cells
Content bg
--app-bg
opaque table and cells
Nav bar
--nav-bg
opaque, GT America Bold 17
Tab label
GT America Md 10
Phosphor glyph, fill when selected
Row
55pt · 17 / 13pt
one-line title, GT America
File icon
Phosphor 20pt
folders --yellow-solid, files --text-secondary
Separator
inset 44pt
--list-item-border
Badges
system
active downloads, unread support
Contract: platforms/apple/DESIGN.md.
Do not rebuild this frame from components.css. Tab bar, nav bar, glass and badges are UIKit's; put.io sets colours, fonts and icons on them.

If a token is missing for a native need, record it upstream in the graph rather than hand-rolling a value here.