Starmoss: stargazing companion iOS UI concept (Tonight / Sky / Target)
An original high-fidelity iOS UI concept for stargazers: a tonight forecast, a calm sky chart and a target detail screen. Fictional brand, DEMO data, not a real app.
Image credit: Tink
Starmoss is an original high-fidelity iOS UI concept for people who like to look up. It answers three questions in three screens: is tonight worth the drive, where should I look, and what will I see.
The three screens
Tonight. A large serif headline sets the mood, then a sky-score gauge sums up conditions next to cloud cover, moonset and wind. A darkness-window band runs from 18:00 to 06:00 and marks the best viewing window and when the moon sets. A carousel of tonight's best targets ends the screen.
Sky chart. A circular sky dome shows stylised constellation lines, a soft Milky Way band and a reticle on the Andromeda Galaxy. A glass bottom sheet holds the key facts and an altitude curve, so you can see at a glance when the target is highest.
Target. Saturn is drawn in CSS and SVG with layered rings. Below it are rise, highest and set times, a simulated eyepiece view with a gear selector, suggested pairings, and one clear action: add it to tonight's plan.
Visual system
- Ink-navy canvas with translucent glass cards
- One soft moss accent for selected states and the main action. Amber is kept for the Moon and planets.
- Instrument Serif headlines with Geist and Geist Mono for interface text and times
- A floating rounded tab bar with a filled pill for the active tab
Notes
Starmoss is a fictional brand. All times, scores and site details are DEMO values for illustration. The constellation drawing is stylised, and the eyepiece view is a simulation, not a photo. This is a static design study, not a working app or an astronomy tool. All artwork is drawn in code; no photos or third-party logos are used.