Layouts

Layouts define how dynamic widget content is rendered on your home screen. Each layout is JSON validated by Glance and tied to one widget size.

Widget sizes

Create a layout manually

1. Open Layouts from the bottom navigation in the iOS app.
2. Tap + and choose Layout, or tap Create Layout on the Layouts tab.
3. Give your layout a name, pick a widget size, and paste or edit the layout JSON.
4. Tap Save. Glance validates the JSON and derives the content schema automatically.

Minimal layout example

A small widget with a caption and hero stat. Dynamic fields use {{double_braces}}; static labels use plain strings.

{
  "id": "root",
  "type": "container",
  "layout": "vertical",
  "style": { "padding": 12, "spacing": 8 },
  "children": [
    {
      "id": "label",
      "type": "text",
      "binding": "Today's revenue",
      "style": { "fontSize": 12, "color": "#8E8E93", "maxLines": 1 }
    },
    {
      "id": "value",
      "type": "stat",
      "value": "{{revenue}}",
      "style": { "valueFontSize": 28, "color": "#000000" }
    }
  ]
}

Learn the layout language

• Design System — principles, canvas, bindings, typography
• Components — all 19 v1 component types
• Golden Examples — reference layouts for each size