@dotgui/embed →
Ledgerline — August Envelopes
An iOS envelope-budgeting screen showing safe-to-spend, overall spent-vs-budgeted, and seven spending categories each with a spent/allocated progress bar and one over-budget category.
Inside this file
Ledgerline — August Envelopes is a single .gui file — plain-text markup plus its assets in one container. Everything needed to render it is declared in the source, so a renderer or an AI agent can read the structure directly, no screenshots required.
- Fonts
- SF Pro Display, JetBrains Mono
- Colors
- 8 tokens
- Machine-readable
- Markdown · raw source
What is a .gui file?
.gui is an open file format for user interfaces — one plain-text file describing a screen's layout, roles, colors and copy. It is built to be read by both humans and AI agents: no proprietary binary, no screenshots to interpret.
Preview any file here, read its source, or download it and render it with the .gui toolchain.
Quality score
Measured by the .gui kit's CCAC model — local, deterministic and zero-AI, like a validator rather than a design critic. Each dimension is scored 0–100.