Specification · Platform API v1.4.0
The Substratal Hub, designed for six platforms.
Build specifications, UI design, themes and the logo standard for the Substratal Hub — the dashboard client for the Substratal Apps Platform — on macOS, Windows, iOS/iPadOS, Android, Linux and the Web.
- Platforms
- 6
- Screens specified
- 75
- API operations mapped
- 118
- Themes
- 10
- UX flows
- 16
- Reference renders
- 292
macOS · Home — My Apps. Switch appearance with the palette button in the header.
Platforms
One self-contained folder per team: handoff, platform spec, all 75 screens with native controls, theme code, brand assets and reference renders.
Ten themes, one token system
Five light and five dark palettes share the same roles on every platform. Defaults are Moss Paper and Forest Floor. Pick one to repaint this site.
Design system
Logo standard
The interlined root-twist mark, wordmark, lockups and app icons for every platform.
Themes
Token roles, ten palettes, WCAG 2.2 AA contrast, persistence and native mapping.
UX flows
16 end-to-end flows, from first run to push-notification support.
Components
Behavior contracts with the native control on all six platforms.
Copy & states
Labels, confirmations, empty states, upsells and error messages.
Accessibility
WCAG 2.2 AA requirements, high-contrast modes and assistive tech.
Push notifications at a glance
Every app shows the same unified Inbox of all apps' notifications plus Substratal's security and account alerts.
| App | Stack | How notifications arrive |
|---|---|---|
| Web (PWA) | TypeScript, React, React Aria, TanStack, Workbox | Web Push (VAPID) |
| iOS / iPadOS | SwiftUI (min iOS 17) | APNs (as app_hub) |
| Android | Jetpack Compose + material3-adaptive | FCM (as app_hub) |
| Windows | WinUI 3 / Windows App SDK, C# | Polling + local notifications |
| Linux (GNOME) | GTK 4 + libadwaita, Flatpak | Polling + local notifications |
| macOS | SwiftUI (min macOS 15) | APNs (as app_hub) |
Where to start
- What changed — push notifications, Free/Standard billing, the logo standard and themes.
- Product spec — scope, personas, 13 domains → 75 screens, phases and acceptance criteria.
- Your platform's handoff and platform spec.
- Screen specs and the API → screen map while building.