Rendering…
@dotgui/embed →
Inside this file
Instagram 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
- Colors
- 11 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.
100
Clean
64
Consistent
71
Accessible
56
Comprehensible
