GitBucket
{
"version": "2.8",
"children": [
{
"type": "frame",
"id": "bi8Au",
"x": -1,
"y": -1,
"name": "1.0 Dashboard",
"clip": true,
"width": 1440,
"height": 1811,
"fill": "#121212",
"layout": "vertical",
"gap": 20,
"padding": 24,
"children": [
{
"type": "frame",
"id": "gcBFx",
"name": "topbar",
"width": "fill_container",
"height": 72,
"padding": [
0,
4
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "NAquW",
"name": "brand",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 300,
"height": 36,
"content": "Design2Clothes",
"fontFamily": "Inter",
"fontSize": 34,
"fontWeight": "700"
},
{
"type": "frame",
"id": "c8Epb",
"name": "cta",
"width": 166,
"height": 46,
"fill": "#FF6A00",
"cornerRadius": 23,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wAVgA",
"name": "ctaText",
"fill": "#121212",
"textGrowth": "fixed-width-height",
"width": 104,
"height": 20,
"content": "New Project",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "wpBoO",
"name": "dashRow",
"width": "fill_container",
"height": 180,
"gap": 16,
"children": [
{
"type": "frame",
"id": "8zkjB",
"name": "shortcutCard",
"width": 288,
"height": "fill_container",
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 10,
"padding": 16,
"children": [
{
"type": "text",
"id": "Lq6xf",
"name": "shortTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 180,
"height": 24,
"content": "Quick Access",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "frame",
"id": "htExT",
"name": "assetBtn",
"width": "fill_container",
"height": 44,
"fill": "#6F2CFF",
"cornerRadius": 22,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mKNee",
"name": "assetBtnText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 94,
"height": 18,
"content": "Asset Library",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "YNXpj",
"name": "newBtn",
"width": "fill_container",
"height": 44,
"fill": "#242424",
"cornerRadius": 22,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#3A3A3A"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Ik8dn",
"name": "newBtnText",
"fill": "#D9D9D9",
"textGrowth": "fixed-width-height",
"width": 84,
"height": 18,
"content": "Projects List",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "ilFL3",
"name": "projectInfo",
"width": "fill_container",
"height": "fill_container",
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 10,
"padding": 16,
"children": [
{
"type": "text",
"id": "4xiYT",
"name": "projectLabel",
"fill": "#AFAFAF",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 18,
"content": "Current Project",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "j9gpw",
"name": "titleRow",
"width": "fill_container",
"height": 34,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rYVA4",
"name": "titleEditable",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 477,
"height": 34,
"content": "ThreadVision SS26 Capsule",
"fontFamily": "Inter",
"fontSize": 30,
"fontWeight": "700"
},
{
"type": "frame",
"id": "yTNPD",
"name": "editBtn",
"width": 34,
"height": 34,
"fill": "#2A2A2A",
"cornerRadius": 17,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#3A3A3A"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "fN8ub",
"name": "editIcon",
"width": 16,
"height": 16,
"iconFontName": "pencil",
"iconFontFamily": "lucide",
"fill": "#DADADA"
}
]
}
]
},
{
"type": "text",
"id": "BTqx2",
"name": "projectBrief",
"fill": "#B8B8B8",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "AI-assisted fashion mockup workflow for mapping 2D graphics onto 3D garment avatars. Focus: oversized tee and hoodie variants for portfolio-ready exports.",
"lineHeight": 1.45,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "c72ue",
"name": "canvasShell",
"width": "fill_container",
"height": 825,
"gap": 16,
"children": [
{
"type": "frame",
"id": "D4oMO",
"name": "left",
"width": 290,
"height": 827,
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "7rHkj",
"name": "leftTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 120,
"height": 24,
"content": "Assets",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "frame",
"id": "ikQ4A",
"name": "leftTabs",
"width": "fill_container",
"height": 36,
"gap": 8,
"children": [
{
"type": "frame",
"id": "NdBam",
"name": "tab1",
"width": "fill_container",
"height": "fill_container",
"fill": "#6F2CFF",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "vK8vK",
"name": "tab1Text",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 56,
"height": 16,
"content": "Uploads",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "SF7NJ",
"name": "tab2",
"width": "fill_container",
"height": "fill_container",
"fill": "#262626",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "2ldX8",
"name": "tab2Text",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 58,
"height": 16,
"content": "Patterns",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "Z1f4V",
"name": "tab3",
"width": "fill_container",
"height": "fill_container",
"fill": "#262626",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XPEVK",
"name": "tab3Text",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 54,
"height": 16,
"content": "Graphics",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "R2GYT",
"name": "uploadDrop",
"width": "fill_container",
"height": 120,
"fill": "#474747ff",
"cornerRadius": 14,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#393939"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "i7WdH",
"name": "uploadText",
"fill": "#A6A6A6",
"textGrowth": "fixed-width-height",
"width": 180,
"height": 36,
"content": "Drop your designs in .png, .jpg, .svg here",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "zog7T",
"name": "assetList",
"width": "fill_container",
"height": 199,
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "8GWaZ",
"name": "a1",
"width": "fill_container",
"height": 54,
"fill": "#242424",
"cornerRadius": 10,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lKUYV",
"name": "a1t",
"fill": "#D8D8D8",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 16,
"content": "Logo_Brandmark.svg",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "kzk6o",
"name": "a1s",
"fill": "#A0A0A0",
"textGrowth": "fixed-width-height",
"width": 26,
"height": 14,
"content": "SVG",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "dDyUI",
"name": "a2",
"width": "fill_container",
"height": 54,
"fill": "#242424",
"cornerRadius": 10,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "uFnIs",
"name": "a2t",
"fill": "#D8D8D8",
"textGrowth": "fixed-width-height",
"width": 120,
"height": 16,
"content": "Tiger_Print.png",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "7HI1m",
"name": "a2s",
"fill": "#A0A0A0",
"textGrowth": "fixed-width-height",
"width": 26,
"height": 14,
"content": "PNG",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "8KGXL",
"name": "a3",
"width": "fill_container",
"height": 54,
"fill": "#242424",
"cornerRadius": 10,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wdvvi",
"name": "a3t",
"fill": "#D8D8D8",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 16,
"content": "Floral_Allover.jpg",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "4jJR3",
"name": "a3s",
"fill": "#A0A0A0",
"textGrowth": "fixed-width-height",
"width": 24,
"height": 14,
"content": "JPG",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "MfT77",
"name": "right",
"width": "fill_container",
"height": 776,
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "b3hr5",
"name": "rightTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 24,
"content": "Inspector",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "frame",
"id": "cB2hm",
"name": "modelPanel",
"width": "fill_container",
"height": 208,
"fill": "#242424",
"cornerRadius": 12,
"layout": "vertical",
"gap": 10,
"padding": 12,
"children": [
{
"type": "text",
"id": "Zl9IO",
"name": "modelHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 18,
"content": "Model Controls",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "WcqzM",
"name": "modelTabs",
"width": "fill_container",
"height": 36,
"gap": 8,
"children": [
{
"type": "frame",
"id": "bjUVW",
"name": "tabCustom",
"width": "fill_container",
"height": "fill_container",
"fill": "#6F2CFF",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#6F2CFF"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "bmqeO",
"name": "tabCustomText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 46,
"height": 16,
"content": "Custom",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "3o4Sx",
"name": "tabPredefined",
"width": "fill_container",
"height": "fill_container",
"fill": "#1A1A1A",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "E66Kn",
"name": "tabPredefinedText",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 72,
"height": 16,
"content": "Predefined",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "MxINl",
"name": "customPromptField",
"width": "fill_container",
"height": 44,
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kNrlF",
"name": "customPromptText",
"fill": "#8E8E8E",
"textGrowth": "fixed-width-height",
"width": 224,
"height": 16,
"content": "Prompt: editorial female model, hands in pockets",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "kzEk1",
"name": "customPoseSelect",
"width": "fill_container",
"height": 44,
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "V2sg4",
"name": "customPoseText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 124,
"height": 16,
"content": "Pose: Front / 3-4 / Side",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "cHnEt",
"name": "customPoseChevron",
"width": 16,
"height": 16,
"iconFontName": "chevrons-up-down",
"iconFontFamily": "lucide",
"fill": "#AFAFAF"
}
]
}
]
},
{
"type": "frame",
"id": "2HI56",
"name": "garmentPanel",
"width": "fill_container",
"height": 200,
"fill": "#242424",
"cornerRadius": 12,
"layout": "vertical",
"gap": 10,
"padding": 12,
"children": [
{
"type": "text",
"id": "dw7kP",
"name": "garmentHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 150,
"height": 18,
"content": "Garment Controls",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "kOilK",
"name": "fabricRow",
"width": "fill_container",
"height": 40,
"fill": "#1A1A1A",
"cornerRadius": 10,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "a6M0T",
"name": "fabricText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 210,
"height": 16,
"content": "Fabric: Cotton / Jersey / Heavyweight",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "am1ax",
"name": "colorRow",
"width": "fill_container",
"height": 40,
"fill": "#1A1A1A",
"cornerRadius": 10,
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "aKg6v",
"name": "colorText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 70,
"height": 16,
"content": "Base colour",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "ellipse",
"id": "gbTeP",
"name": "colorSwatch",
"fill": "#3A3A3A",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "Ap5fS",
"name": "typeRow",
"width": "fill_container",
"height": 40,
"fill": "#1A1A1A",
"cornerRadius": 10,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "o7Mza",
"name": "typeText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 210,
"height": 16,
"content": "Type: Oversized Tee / Slim Fit / Hoodie",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "7WhTy",
"name": "artPanel",
"width": "fill_container",
"height": 219,
"fill": "#242424",
"cornerRadius": 12,
"layout": "vertical",
"gap": 10,
"padding": 12,
"children": [
{
"type": "text",
"id": "l6wv9",
"name": "artHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 18,
"content": "Artwork Controls",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "uT5Ld",
"name": "scaleRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "D3Hin",
"name": "scaleText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 80,
"height": 14,
"content": "Scale 85%",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "W9rYL",
"name": "rotRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "YCzKU",
"name": "rotText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 90,
"height": 14,
"content": "Rotation 12°",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "80AfW",
"name": "opaRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Z3s9C",
"name": "opaText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 90,
"height": 14,
"content": "Opacity 82%",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "F4YhW",
"name": "blendRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "iJ0jo",
"name": "blendText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 210,
"height": 14,
"content": "Blending: Print / Multiply / Soft Light",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "8Fu8d",
"name": "modelGenBtn",
"width": "fill_container",
"height": 38,
"fill": "#6F2CFF",
"cornerRadius": 19,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "S9rq4",
"name": "modelGenText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 149,
"height": 16,
"content": "Generate Model",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "7vJLN",
"name": "center",
"width": "fill_container",
"height": 828,
"fill": "#171717",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "D6fEW",
"name": "centerTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 220,
"height": 28,
"content": "Design Canvas",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "frame",
"id": "tCnb8",
"name": "viewport",
"width": "fill_container",
"height": 620,
"fill": "#101010",
"cornerRadius": 14,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2E2E2E"
},
"layout": "vertical",
"gap": 10,
"padding": [
20,
0
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "Wi3MZ",
"name": "avatar",
"fill": "#2A2A2A",
"width": 250,
"height": 250
},
{
"type": "rectangle",
"cornerRadius": 24,
"id": "yszDp",
"name": "garment",
"fill": "#3A3A3A",
"width": 280,
"height": 190
},
{
"type": "rectangle",
"cornerRadius": 8,
"id": "uLT7W",
"name": "artwork",
"opacity": 0.82,
"fill": "#6F2CFF",
"width": 160,
"height": 100
},
{
"type": "text",
"id": "skNEj",
"name": "vpLabel",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 190,
"height": 18,
"content": "AI Texture-Mapped Preview",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "fhFpU",
"name": "applyPromptWrap",
"width": "fill_container",
"height": 66,
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "text",
"id": "ZjvYN",
"name": "applyPromptLabel",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 44,
"height": 16,
"content": "Prompt",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "qP9gD",
"name": "applyPromptField",
"width": "fill_container",
"height": 44,
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "4Pgo6",
"name": "applyPromptText",
"fill": "#8E8E8E",
"textGrowth": "fixed-width-height",
"width": 278,
"height": 16,
"content": "Make print placement sharper and aligned to chest",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "jnom6",
"name": "centerActions",
"width": "fill_container",
"height": 48,
"gap": 10,
"children": [
{
"type": "frame",
"id": "f19I5",
"name": "applyBtn",
"width": 160,
"height": "fill_container",
"fill": "#FF6A00",
"cornerRadius": 24,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "R4QY8",
"name": "applyText",
"fill": "#121212",
"textGrowth": "fixed-width-height",
"width": 110,
"height": 19,
"content": "Apply Artwork",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Akjxe",
"name": "bottomExportBar",
"width": 340,
"height": 303,
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 8,
"padding": [
12,
16
],
"children": [
{
"type": "text",
"id": "fwr6e",
"name": "expHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 60,
"height": 18,
"content": "Export",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "0vkmJ",
"name": "expMeta",
"fill": "#A6A6A6",
"textGrowth": "fixed-width-height",
"width": "fill_container",
"height": 30,
"content": "High-resolution render for portfolio and social.",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "frame",
"id": "oV6dF",
"name": "resolutionDropdown",
"clip": true,
"width": "fill_container",
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "pRf80",
"name": "resHeader",
"width": "fill_container",
"height": 36,
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "grZYX",
"name": "resLabel",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 70,
"height": 14,
"content": "Resolution",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "text",
"id": "4Incf",
"name": "resValue",
"fill": "#D9D9D9",
"textGrowth": "fixed-width-height",
"width": 58,
"height": 14,
"content": "4K PNG ▾",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "9fEXc",
"name": "opt1",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "6k9UT",
"name": "opt1t",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 14,
"content": "2K PNG (2048x2048)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "D7cdX",
"name": "opt2",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "EBLVK",
"name": "opt2t",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 14,
"content": "4K PNG (4096x4096)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "psGlg",
"name": "opt3",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "R4hG1",
"name": "opt3t",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 150,
"height": 14,
"content": "1080x1350 (Instagram)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "nSbxe",
"name": "opt4",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "DXcH5",
"name": "opt4t",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 110,
"height": 14,
"content": "1080x1920 (Story)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "fovF9",
"name": "expBtn",
"width": "fill_container",
"height": 36,
"fill": "#FF6A00",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "qwwDe",
"name": "expBtnText",
"fill": "#121212",
"textGrowth": "fixed-width-height",
"width": 42,
"height": 16,
"content": "Export",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ahTfs",
"x": 1559,
"y": -1,
"name": "1.1 Dashboard",
"clip": true,
"width": 1440,
"height": 1811,
"fill": "#121212",
"layout": "vertical",
"gap": 20,
"padding": 24,
"children": [
{
"type": "frame",
"id": "JAPiZ",
"name": "topbar",
"width": "fill_container",
"height": 72,
"padding": [
0,
4
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "TiEYi",
"name": "brand",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 300,
"height": 36,
"content": "Design2Clothes",
"fontFamily": "Inter",
"fontSize": 34,
"fontWeight": "700"
},
{
"type": "frame",
"id": "iOciG",
"name": "cta",
"width": 166,
"height": 46,
"fill": "#FF6A00",
"cornerRadius": 23,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Kqo8W",
"name": "ctaText",
"fill": "#121212",
"textGrowth": "fixed-width-height",
"width": 104,
"height": 20,
"content": "New Project",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "X9yNv",
"name": "dashRow",
"width": "fill_container",
"height": 180,
"gap": 16,
"children": [
{
"type": "frame",
"id": "ZXsNd",
"name": "shortcutCard",
"width": 288,
"height": "fill_container",
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 10,
"padding": 16,
"children": [
{
"type": "text",
"id": "lNue3",
"name": "shortTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 180,
"height": 24,
"content": "Quick Access",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "frame",
"id": "cVJl5",
"name": "assetBtn",
"width": "fill_container",
"height": 44,
"fill": "#6F2CFF",
"cornerRadius": 22,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "dYeHK",
"name": "assetBtnText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 94,
"height": 18,
"content": "Asset Library",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "968Pc",
"name": "newBtn",
"width": "fill_container",
"height": 44,
"fill": "#242424",
"cornerRadius": 22,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#3A3A3A"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UnnU3",
"name": "newBtnText",
"fill": "#D9D9D9",
"textGrowth": "fixed-width-height",
"width": 84,
"height": 18,
"content": "Projects List",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "iTjCJ",
"name": "projectInfo",
"width": "fill_container",
"height": "fill_container",
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 10,
"padding": 16,
"children": [
{
"type": "text",
"id": "kZ3If",
"name": "projectLabel",
"fill": "#AFAFAF",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 18,
"content": "Current Project",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "dPe3z",
"name": "titleRow",
"width": "fill_container",
"height": 34,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "r5Luz",
"name": "titleEditable",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 477,
"height": 34,
"content": "ThreadVision SS26 Capsule",
"fontFamily": "Inter",
"fontSize": 30,
"fontWeight": "700"
},
{
"type": "frame",
"id": "5j3nO",
"name": "editBtn",
"width": 34,
"height": 34,
"fill": "#2A2A2A",
"cornerRadius": 17,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#3A3A3A"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "jLNN9",
"name": "editIcon",
"width": 16,
"height": 16,
"iconFontName": "pencil",
"iconFontFamily": "lucide",
"fill": "#DADADA"
}
]
}
]
},
{
"type": "text",
"id": "E4Vr9",
"name": "projectBrief",
"fill": "#B8B8B8",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "AI-assisted fashion mockup workflow for mapping 2D graphics onto 3D garment avatars. Focus: oversized tee and hoodie variants for portfolio-ready exports.",
"lineHeight": 1.45,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "DFpD9",
"name": "canvasShell",
"width": "fill_container",
"height": 921,
"gap": 16,
"children": [
{
"type": "frame",
"id": "nIRIL",
"name": "left",
"width": 290,
"height": 1378,
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "Q2gmB",
"name": "leftTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 120,
"height": 24,
"content": "Assets",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "frame",
"id": "f9jhA",
"name": "leftTabs",
"width": "fill_container",
"height": 36,
"gap": 8,
"children": [
{
"type": "frame",
"id": "f4Dyv",
"name": "tab1",
"width": "fill_container",
"height": "fill_container",
"fill": "#6F2CFF",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mtRhL",
"name": "tab1Text",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 56,
"height": 16,
"content": "Uploads",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "EaTsp",
"name": "tab2",
"width": "fill_container",
"height": "fill_container",
"fill": "#262626",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "1rSxd",
"name": "tab2Text",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 58,
"height": 16,
"content": "Patterns",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "UnrLb",
"name": "tab3",
"width": "fill_container",
"height": "fill_container",
"fill": "#262626",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xMv1J",
"name": "tab3Text",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 54,
"height": 16,
"content": "Graphics",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "N2nK0",
"name": "uploadDrop",
"width": "fill_container",
"height": 120,
"fill": "#474747ff",
"cornerRadius": 14,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#393939"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oPfup",
"name": "uploadText",
"fill": "#A6A6A6",
"textGrowth": "fixed-width-height",
"width": 180,
"height": 36,
"content": "Drop your designs in .png, .jpg, .svg here",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "3v2am",
"name": "assetList",
"width": "fill_container",
"height": 198,
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "cNNhU",
"name": "a1",
"width": "fill_container",
"height": 54,
"fill": "#242424",
"cornerRadius": 10,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UIzbB",
"name": "a1t",
"fill": "#D8D8D8",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 16,
"content": "Logo_Brandmark.svg",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "JMTOh",
"name": "a1s",
"fill": "#A0A0A0",
"textGrowth": "fixed-width-height",
"width": 26,
"height": 14,
"content": "SVG",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "oFTZ7",
"name": "a2",
"width": "fill_container",
"height": 54,
"fill": "#242424",
"cornerRadius": 10,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "OVwim",
"name": "a2t",
"fill": "#D8D8D8",
"textGrowth": "fixed-width-height",
"width": 120,
"height": 16,
"content": "Tiger_Print.png",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "ENWhi",
"name": "a2s",
"fill": "#A0A0A0",
"textGrowth": "fixed-width-height",
"width": 26,
"height": 14,
"content": "PNG",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "mfG8G",
"name": "a3",
"width": "fill_container",
"height": 54,
"fill": "#242424",
"cornerRadius": 10,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lPM8J",
"name": "a3t",
"fill": "#D8D8D8",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 16,
"content": "Floral_Allover.jpg",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "lQsHj",
"name": "a3s",
"fill": "#A0A0A0",
"textGrowth": "fixed-width-height",
"width": 24,
"height": 14,
"content": "JPG",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "cPBy4",
"name": "right",
"width": "fill_container",
"height": 920,
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "bvJSA",
"name": "rightTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 24,
"content": "Inspector",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "600"
},
{
"type": "frame",
"id": "RqQKQ",
"name": "modelPanel",
"width": "fill_container",
"height": 365,
"fill": "#242424",
"cornerRadius": 12,
"layout": "vertical",
"gap": 10,
"padding": 12,
"children": [
{
"type": "text",
"id": "uMqSb",
"name": "modelHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 18,
"content": "Model Controls",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "hzp4T",
"name": "modelTabs",
"width": "fill_container",
"height": 36,
"gap": 8,
"children": [
{
"type": "frame",
"id": "v3WGL",
"name": "tabCustom",
"width": "fill_container",
"height": "fill_container",
"fill": "#1A1A1A",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wpVpF",
"name": "tabCustomText",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 46,
"height": 16,
"content": "Custom",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "TLyiY",
"name": "tabPredefined",
"width": "fill_container",
"height": "fill_container",
"fill": "#6F2CFF",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#6F2CFF"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xrbDl",
"name": "tabPredefinedText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 72,
"height": 16,
"content": "Predefined",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "5eYfZ",
"name": "genderFilter",
"width": "fill_container",
"height": 36,
"gap": 8,
"children": [
{
"type": "frame",
"id": "3CSnH",
"name": "maleFilter",
"width": "fill_container",
"height": "fill_container",
"fill": "#6F2CFF",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "AQsWe",
"name": "maleFilterText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 60,
"height": 16,
"content": "Male",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "jJmSp",
"name": "femaleFilter",
"width": "fill_container",
"height": "fill_container",
"fill": "#1A1A1A",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "s3VQi",
"name": "femaleFilterText",
"fill": "#BBBBBB",
"textGrowth": "fixed-width-height",
"width": 70,
"height": 16,
"content": "Female",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "S9T25",
"name": "predefinedOptionsFrame",
"clip": true,
"width": "fill_container",
"height": 155,
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "q9z4B",
"name": "modelOptA",
"width": "fill_container",
"height": 31,
"fill": "#242424",
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "6vyI7",
"name": "modelOptAText",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 140,
"height": 14,
"content": "30s-black-hoodie-front",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "LAFFM",
"name": "modelOptB",
"width": "fill_container",
"height": 31,
"fill": "#1F1F1F",
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "cBS38",
"name": "modelOptBText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 137,
"height": 14,
"content": "30s-black-hoodie-back",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "HqnbE",
"name": "modelOptC",
"width": "fill_container",
"height": 31,
"fill": "#1F1F1F",
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mC99o",
"name": "modelOptCText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 116,
"height": 14,
"content": "30s-white-tee-front",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "9xvup",
"name": "modelOptD",
"width": "fill_container",
"height": 31,
"fill": "#1F1F1F",
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "dP9Cj",
"name": "modelOptDText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 113,
"height": 14,
"content": "30s-white-tee-back",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "7boEv",
"name": "modelOptE",
"width": "fill_container",
"height": 31,
"fill": "#1F1F1F",
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XmMag",
"name": "modelOptEText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 147,
"height": 14,
"content": "30s-gray-crewneck-front",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "3xuxY",
"name": "garmentPanel",
"width": "fill_container",
"height": 200,
"fill": "#242424",
"cornerRadius": 12,
"layout": "vertical",
"gap": 10,
"padding": 12,
"children": [
{
"type": "text",
"id": "kLgXs",
"name": "garmentHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 150,
"height": 18,
"content": "Garment Controls",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "zi6CY",
"name": "fabricRow",
"width": "fill_container",
"height": 40,
"fill": "#1A1A1A",
"cornerRadius": 10,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "hWsUI",
"name": "fabricText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 210,
"height": 16,
"content": "Fabric: Cotton / Jersey / Heavyweight",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "rMks1",
"name": "colorRow",
"width": "fill_container",
"height": 40,
"fill": "#1A1A1A",
"cornerRadius": 10,
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "tHxGj",
"name": "colorText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 70,
"height": 16,
"content": "Base colour",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "ellipse",
"id": "xPj3f",
"name": "colorSwatch",
"fill": "#3A3A3A",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "NaLSu",
"name": "typeRow",
"width": "fill_container",
"height": 40,
"fill": "#1A1A1A",
"cornerRadius": 10,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gmjLA",
"name": "typeText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 210,
"height": 16,
"content": "Type: Oversized Tee / Slim Fit / Hoodie",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "3t2AW",
"name": "artPanel",
"width": "fill_container",
"height": 219,
"fill": "#242424",
"cornerRadius": 12,
"layout": "vertical",
"gap": 10,
"padding": 12,
"children": [
{
"type": "text",
"id": "P9Z6F",
"name": "artHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 18,
"content": "Artwork Controls",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "NUI2w",
"name": "scaleRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oMvmn",
"name": "scaleText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 80,
"height": 14,
"content": "Scale 85%",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "kv497",
"name": "rotRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ANo0T",
"name": "rotText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 90,
"height": 14,
"content": "Rotation 12°",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "a4dQv",
"name": "opaRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "YFOfc",
"name": "opaText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 90,
"height": 14,
"content": "Opacity 82%",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "mOV6u",
"name": "blendRow",
"width": "fill_container",
"height": 34,
"fill": "#1A1A1A",
"cornerRadius": 8,
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "5tLuB",
"name": "blendText",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 210,
"height": 14,
"content": "Blending: Print / Multiply / Soft Light",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "EqANG",
"name": "modelGenBtn",
"width": "fill_container",
"height": 38,
"fill": "#6F2CFF",
"cornerRadius": 19,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RwXN5",
"name": "modelGenText",
"fill": "#F7F2FF",
"textGrowth": "fixed-width-height",
"width": 149,
"height": 16,
"content": "Generate Model",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "eWHgk",
"name": "center",
"width": "fill_container",
"height": 919,
"fill": "#171717",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "SAMlt",
"name": "centerTitle",
"fill": "#F2F2F2",
"textGrowth": "fixed-width-height",
"width": 220,
"height": 28,
"content": "Design Canvas",
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "frame",
"id": "OCX1H",
"name": "viewport",
"width": "fill_container",
"height": 620,
"fill": "#101010",
"cornerRadius": 14,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2E2E2E"
},
"layout": "vertical",
"gap": 10,
"padding": [
20,
0
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "TSOpF",
"name": "avatar",
"fill": "#2A2A2A",
"width": 250,
"height": 250
},
{
"type": "rectangle",
"cornerRadius": 24,
"id": "7zz0x",
"name": "garment",
"fill": "#3A3A3A",
"width": 280,
"height": 190
},
{
"type": "rectangle",
"cornerRadius": 8,
"id": "zu29G",
"name": "artwork",
"opacity": 0.82,
"fill": "#6F2CFF",
"width": 160,
"height": 100
},
{
"type": "text",
"id": "nqOTs",
"name": "vpLabel",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 190,
"height": 18,
"content": "AI Texture-Mapped Preview",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "k7Atp",
"name": "applyPromptWrap",
"width": "fill_container",
"height": 66,
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "text",
"id": "fvqNs",
"name": "applyPromptLabel",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 44,
"height": 16,
"content": "Prompt",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "E7ncN",
"name": "applyPromptField",
"width": "fill_container",
"height": 44,
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "posnf",
"name": "applyPromptText",
"fill": "#8E8E8E",
"textGrowth": "fixed-width-height",
"width": 278,
"height": 16,
"content": "Make print placement sharper and aligned to chest",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "W6Frh",
"name": "centerActions",
"width": "fill_container",
"height": 48,
"gap": 10,
"children": [
{
"type": "frame",
"id": "JNkFw",
"name": "applyBtn",
"width": 160,
"height": "fill_container",
"fill": "#FF6A00",
"cornerRadius": 24,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "6aXtP",
"name": "applyText",
"fill": "#121212",
"textGrowth": "fixed-width-height",
"width": 110,
"height": 19,
"content": "Apply Artwork",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Zjo6h",
"name": "bottomExportBar",
"width": 340,
"height": 298,
"fill": "#1B1B1B",
"cornerRadius": 18,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2C2C2C"
},
"layout": "vertical",
"gap": 8,
"padding": [
12,
16
],
"children": [
{
"type": "text",
"id": "FqaSG",
"name": "expHead",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 60,
"height": 18,
"content": "Export",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "HUYMt",
"name": "expMeta",
"fill": "#A6A6A6",
"textGrowth": "fixed-width-height",
"width": "fill_container",
"height": 30,
"content": "High-resolution render for portfolio and social.",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "frame",
"id": "44tIF",
"name": "resolutionDropdown",
"clip": true,
"width": "fill_container",
"fill": "#1A1A1A",
"cornerRadius": 10,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#363636"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "xIg8g",
"name": "resHeader",
"width": "fill_container",
"height": 36,
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VYslF",
"name": "resLabel",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 70,
"height": 14,
"content": "Resolution",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "text",
"id": "jzS89",
"name": "resValue",
"fill": "#D9D9D9",
"textGrowth": "fixed-width-height",
"width": 58,
"height": 14,
"content": "4K PNG ▾",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "JOr6Y",
"name": "opt1",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Sk2vs",
"name": "opt1t",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 14,
"content": "2K PNG (2048x2048)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "PCswA",
"name": "opt2",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "vu0Xd",
"name": "opt2t",
"fill": "#F0F0F0",
"textGrowth": "fixed-width-height",
"width": 130,
"height": 14,
"content": "4K PNG (4096x4096)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "KcttC",
"name": "opt3",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "K5f2U",
"name": "opt3t",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 150,
"height": 14,
"content": "1080x1350 (Instagram)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "FHjXu",
"name": "opt4",
"width": "fill_container",
"height": 30,
"fill": "#202020",
"padding": [
0,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "m1tr0",
"name": "opt4t",
"fill": "#B8B8B8",
"textGrowth": "fixed-width-height",
"width": 110,
"height": 14,
"content": "1080x1920 (Story)",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "nBiFv",
"name": "expBtn",
"width": "fill_container",
"height": 36,
"fill": "#FF6A00",
"cornerRadius": 18,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Zjsmr",
"name": "expBtnText",
"fill": "#121212",
"textGrowth": "fixed-width-height",
"width": 42,
"height": 16,
"content": "Export",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
}
]
}
]
}
]
}
]
}