- Run record
- loading
Loading this Run…
Loading the Revisions of this Run…
A published source file of Revision 0 of Canvely — Spring Menu 1.0.0, shown as text in the browser.
Source is browser-viewable only. There is no download or archive endpoint, and no additional license is granted beyond inspection and research.
{
"product": "Canvely",
"workspace": "Orchard Studio",
"file": "Hazel & Rye — Spring Menu",
"fictional_notice": "Canvely is a fictional product created for UIBenchmark.",
"children": [
{
"id": "menu-card",
"type": "frame",
"name": "Menu card",
"visible": true,
"locked": false,
"x": 0,
"y": 0,
"width": 480,
"height": 640,
"fill": "#FBF6EE",
"children": [
{
"id": "menu-background",
"type": "rect",
"name": "Background",
"visible": true,
"locked": true,
"x": 0,
"y": 0,
"width": 480,
"height": 640,
"rotation": 0,
"fill": "#F3E9DA",
"opacity": 1,
"corner_radius": 0,
"stroke": null
},
{
"id": "header",
"type": "group",
"name": "Header",
"visible": true,
"locked": false,
"children": [
{
"id": "logo-lockup",
"type": "group",
"name": "Logo lockup",
"visible": true,
"locked": false,
"children": [
{
"id": "logo-mark",
"type": "ellipse",
"name": "Logo mark",
"visible": true,
"locked": false,
"x": 40,
"y": 40,
"width": 56,
"height": 56,
"rotation": 0,
"fill": "#7A4E2D",
"opacity": 1
},
{
"id": "wordmark",
"type": "text",
"name": "Wordmark",
"visible": true,
"locked": false,
"x": 108,
"y": 50,
"width": 220,
"height": 36,
"rotation": 0,
"text": "Hazel & Rye",
"font_size": 28,
"font_weight": 700,
"line_height": 1.2,
"align": "left",
"fill": "#3B2A1E",
"opacity": 1
}
]
},
{
"id": "tagline",
"type": "text",
"name": "Tagline",
"visible": true,
"locked": false,
"x": 40,
"y": 108,
"width": 400,
"height": 24,
"rotation": 0,
"text": "Small-batch bakery · Since 2019",
"font_size": 16,
"font_weight": 400,
"line_height": 1.4,
"align": "left",
"fill": "#7A6A5C",
"opacity": 1
}
]
},
{
"id": "menu-title",
"type": "text",
"name": "Menu title",
"visible": true,
"locked": false,
"x": 40,
"y": 172,
"width": 400,
"height": 48,
"rotation": 0,
"text": "Spring Menu",
"font_size": 40,
"font_weight": 700,
"line_height": 1.2,
"align": "left",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "old-headline",
"type": "text",
"name": "Old headline",
"visible": false,
"locked": false,
"x": 40,
"y": 172,
"width": 400,
"height": 48,
"rotation": 0,
"text": "Winter Menu",
"font_size": 40,
"font_weight": 700,
"line_height": 1.2,
"align": "left",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "divider",
"type": "rect",
"name": "Divider",
"visible": true,
"locked": false,
"x": 40,
"y": 236,
"width": 400,
"height": 2,
"rotation": 0,
"fill": "#D9C7B0",
"opacity": 1,
"corner_radius": 0,
"stroke": null
},
{
"id": "item-1",
"type": "text",
"name": "Item 1",
"visible": true,
"locked": false,
"x": 40,
"y": 264,
"width": 300,
"height": 28,
"rotation": 0,
"text": "Rhubarb galette",
"font_size": 20,
"font_weight": 600,
"line_height": 1.4,
"align": "left",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "price-1",
"type": "text",
"name": "Price 1",
"visible": true,
"locked": false,
"x": 360,
"y": 264,
"width": 80,
"height": 28,
"rotation": 0,
"text": "€6.50",
"font_size": 20,
"font_weight": 400,
"line_height": 1.4,
"align": "right",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "item-2",
"type": "text",
"name": "Item 2",
"visible": true,
"locked": false,
"x": 40,
"y": 308,
"width": 300,
"height": 28,
"rotation": 0,
"text": "Lemon poppy loaf",
"font_size": 20,
"font_weight": 600,
"line_height": 1.4,
"align": "left",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "price-2",
"type": "text",
"name": "Price 2",
"visible": true,
"locked": false,
"x": 360,
"y": 308,
"width": 80,
"height": 28,
"rotation": 0,
"text": "€4.00",
"font_size": 20,
"font_weight": 400,
"line_height": 1.4,
"align": "right",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "item-3",
"type": "text",
"name": "Item 3",
"visible": true,
"locked": false,
"x": 40,
"y": 352,
"width": 300,
"height": 28,
"rotation": 0,
"text": "Wild garlic focaccia",
"font_size": 20,
"font_weight": 600,
"line_height": 1.4,
"align": "left",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "price-3",
"type": "text",
"name": "Price 3",
"visible": true,
"locked": false,
"x": 360,
"y": 352,
"width": 80,
"height": 28,
"rotation": 0,
"text": "€5.20",
"font_size": 20,
"font_weight": 400,
"line_height": 1.4,
"align": "right",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "ribbon",
"type": "rect",
"name": "Ribbon",
"visible": true,
"locked": false,
"x": 280,
"y": 520,
"width": 180,
"height": 56,
"rotation": 30,
"fill": "#C8553D",
"opacity": 1,
"corner_radius": 8,
"stroke": null
}
]
},
{
"id": "story",
"type": "frame",
"name": "Story",
"visible": true,
"locked": false,
"x": 560,
"y": 0,
"width": 360,
"height": 640,
"fill": "#2F4A3A",
"children": [
{
"id": "sun",
"type": "ellipse",
"name": "Sun",
"visible": true,
"locked": false,
"x": 200,
"y": -80,
"width": 240,
"height": 240,
"rotation": 0,
"fill": "#F2C14E",
"opacity": 0.9
},
{
"id": "story-headline",
"type": "text",
"name": "Story headline",
"visible": true,
"locked": false,
"x": 32,
"y": 176,
"width": 280,
"height": 104,
"rotation": 0,
"text": "Spring is baked in.",
"font_size": 44,
"font_weight": 700,
"line_height": 1.1,
"align": "left",
"fill": "#FBF6EE",
"opacity": 1
},
{
"id": "fresh-daily",
"type": "text",
"name": "Fresh daily",
"visible": true,
"locked": false,
"x": 32,
"y": 304,
"width": 160,
"height": 32,
"rotation": -8,
"text": "Fresh daily",
"font_size": 22,
"font_weight": 600,
"line_height": 1.3,
"align": "left",
"fill": "#F2C14E",
"opacity": 1
},
{
"id": "swatches",
"type": "group",
"name": "Swatches",
"visible": true,
"locked": false,
"children": [
{
"id": "swatch-1",
"type": "rect",
"name": "Swatch 1",
"visible": true,
"locked": false,
"x": 32,
"y": 420,
"width": 88,
"height": 88,
"rotation": 0,
"fill": "#C8553D",
"opacity": 1,
"corner_radius": 12,
"stroke": null
},
{
"id": "swatch-2",
"type": "rect",
"name": "Swatch 2",
"visible": true,
"locked": false,
"x": 136,
"y": 420,
"width": 88,
"height": 88,
"rotation": 0,
"fill": "#F2C14E",
"opacity": 1,
"corner_radius": 12,
"stroke": null
},
{
"id": "swatch-3",
"type": "rect",
"name": "Swatch 3",
"visible": true,
"locked": false,
"x": 240,
"y": 420,
"width": 88,
"height": 88,
"rotation": 0,
"fill": "#FBF6EE",
"opacity": 1,
"corner_radius": 12,
"stroke": null
}
]
},
{
"id": "cta-button",
"type": "rect",
"name": "CTA button",
"visible": true,
"locked": false,
"x": 32,
"y": 552,
"width": 296,
"height": 56,
"rotation": 0,
"fill": "#FBF6EE",
"opacity": 1,
"corner_radius": 28,
"stroke": null
},
{
"id": "cta-label",
"type": "text",
"name": "CTA label",
"visible": true,
"locked": false,
"x": 32,
"y": 568,
"width": 296,
"height": 24,
"rotation": 0,
"text": "Order ahead",
"font_size": 18,
"font_weight": 600,
"line_height": 1.3,
"align": "center",
"fill": "#2F4A3A",
"opacity": 1
}
]
},
{
"id": "web-banner",
"type": "frame",
"name": "Web banner",
"visible": true,
"locked": false,
"x": 0,
"y": 720,
"width": 960,
"height": 320,
"fill": "#7A4E2D",
"children": [
{
"id": "photo-placeholder",
"type": "rect",
"name": "Photo placeholder",
"visible": true,
"locked": false,
"x": 520,
"y": 0,
"width": 440,
"height": 320,
"rotation": 0,
"fill": "#A8754F",
"opacity": 1,
"corner_radius": 0,
"stroke": { "color": "#F3E9DA", "width": 4 }
},
{
"id": "banner-headline",
"type": "text",
"name": "Banner headline",
"visible": true,
"locked": false,
"x": 48,
"y": 56,
"width": 420,
"height": 104,
"rotation": 0,
"text": "Spring menu, out of the oven.",
"font_size": 44,
"font_weight": 700,
"line_height": 1.15,
"align": "left",
"fill": "#FBF6EE",
"opacity": 1
},
{
"id": "banner-body",
"type": "text",
"name": "Banner body",
"visible": true,
"locked": false,
"x": 48,
"y": 176,
"width": 400,
"height": 52,
"rotation": 0,
"text": "Rhubarb, lemon and wild garlic, baked fresh through May.",
"font_size": 18,
"font_weight": 400,
"line_height": 1.4,
"align": "left",
"fill": "#F3E9DA",
"opacity": 1
},
{
"id": "banner-button",
"type": "rect",
"name": "Banner button",
"visible": true,
"locked": false,
"x": 48,
"y": 248,
"width": 160,
"height": 44,
"rotation": 0,
"fill": "#F2C14E",
"opacity": 1,
"corner_radius": 22,
"stroke": null
},
{
"id": "banner-button-label",
"type": "text",
"name": "Banner button label",
"visible": true,
"locked": false,
"x": 48,
"y": 259,
"width": 160,
"height": 22,
"rotation": 0,
"text": "See the menu",
"font_size": 16,
"font_weight": 600,
"line_height": 1.3,
"align": "center",
"fill": "#3B2A1E",
"opacity": 1
},
{
"id": "accent-dot",
"type": "ellipse",
"name": "Accent dot",
"visible": true,
"locked": false,
"x": 860,
"y": 32,
"width": 48,
"height": 48,
"rotation": 0,
"fill": "#F2C14E",
"opacity": 1
}
]
}
]
}