Remly · owner app

Glass design spec & starter kit

Everything needed to keep designing the Remly owner app in the glass direction: principles, tokens, components, every screen and flow, fake data that matches the real API, and a working prototype to extend. Start with the README.

Open the prototype Read the README

Start here

→

READMEWhat Remly is, the direction, file map, phases, rules, decisions

› ✦

Prompt for Grok BuildThe one prompt to paste in to start

›

The spec

PrinciplesGlass for chrome, solid for content; contrast; one accent; motion restraint

› 02

TokensColour, materials, type, spacing, radii, elevation, motion, haptics

› 03

ComponentsAnatomy, states, sizes, do and don't

› 04

ScreensEvery screen, every state, which API route feeds it

› 05

FlowsMissed call, new lead, suggestions, pause, signup, session, push

› 06

DataThe fake dataset and how it maps onto the API

› 07

AccessibilityDynamic Type, VoiceOver, 44pt, contrast on glass, sunlight

› 08

Native mappingSwiftUI (iOS 26 glass + fallback) and Compose, with risks

› 09

Build planFour phases with checklists and acceptance criteria

›

Files

{}

tokens.cssCSS custom properties, light, dark and accessibility fallbacks

› {}

tokens.jsonSame values, platform-neutral

› ▶

Starter prototypeToday, Inbox and Thread done; every other screen stubbed

›

Made-up data only. All concepts · Concept picker