Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Applied screens

Settings and notes

Preference forms and the selected day’s notes demonstrate different editing and persistence boundaries.

On this page

Capture context

These are fresh captures of Radarist’s actual imported components in a temporary copy of the local source repo. Fictional records are supplied through props and intercepted local API responses. The harness preserves component styling and interaction code; it replaces server actions with no-op functions and blocks external network access.

Desktop captures use a 1440 × 1000 CSS-pixel viewport and phone captures use 390 × 844, at 2× pixel density. Some long workspaces are shown at a representative viewport position. The original PNGs remain in ignored local capture storage; optimized WebP assets are used here.

Read the screen

Read the screen
AreaWhat to inspect
ProfileMira Chen and example.org addresses are fixture values.
Preference switchesActual controls with local form feedback.
NotesMarkdown text blocks rendered through RunningNotesEditor.

Evidence boundaries

A complete-looking screen can include prototype-only controls. Applied captures do not assert that an account was updated, a task persisted, a file uploaded, or a backend request succeeded. Follow the linked component and pattern specifications for the actual behavior and known gaps.

Examples from the app

Actual Radarist components with fictional data. Captured at 2× resolution or higher. Select an image to inspect it full size.

Settings · Screen · Light · Desktop · 2880 × 2000 px
Preferences · Screen · Light · Desktop · 2880 × 2000 px
Preferences · Screen · Light · Desktop · Full Page · 2880 × 3016 px
Running Notes · Screen · Light · Desktop · Notes · 2320 × 2000 px

Source audit: 2026-10-07 · Revision 0103e2549959 · Documentation v0.1