The root element is a document envelope — never rendered. Direct children are metadata blocks or exactly one root layout node. Metadata always precedes the layout root.
gui
tagdocument rootThe root element is a document envelope — never rendered. Direct children are metadata blocks or exactly one root layout node. Metadata always precedes the layout root.
| Attr | Type | Description |
|---|---|---|
version required | string | Spec version. Current: 0.2. |
name | string | Screen or layer name from the source design. |
Example
<gui version="0.2" name="Checkout"> <tokens> <color name="primary" value="#007AFF" /> </tokens> <fonts> <font family="Inter" source="google" weights="400 700" /> </fonts> <col w="390" fill="#F2F2F7" gap="16" p="24"> <text value="Checkout" font-family="Inter" font-size="28" font-weight="700" fill="#1C1C1E" /> </col> </gui>