diff --git a/designs/creator-shop.pen b/designs/creator-shop.pen new file mode 100644 index 0000000000..cf34d86667 --- /dev/null +++ b/designs/creator-shop.pen @@ -0,0 +1,16087 @@ +{ + "version": "2.14", + "children": [ + { + "type": "frame", + "id": "ZU61x", + "x": 0, + "y": 0, + "name": "component/Shop Item Card", + "reusable": true, + "clip": true, + "width": 280, + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "omjB1", + "name": "preview", + "clip": true, + "width": "fill_container", + "height": 200, + "fill": "$dark-9", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "V4QxaK", + "name": "sample", + "width": 110, + "height": 110, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "stroke": "#ffffff33", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "XRWuN", + "name": "sampleIcon", + "width": 44, + "height": 44, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "Wh6AX", + "layoutPosition": "absolute", + "x": 10, + "y": 10, + "name": "kindBadge", + "fill": "#101113cc", + "cornerRadius": "$radius-sm", + "padding": [ + 4, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "dOXa6", + "name": "kindBadgeText", + "fill": "$text-white", + "content": "Cosmetic", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "v56WxE", + "layoutPosition": "absolute", + "x": 206, + "y": 10, + "name": "newBadge", + "enabled": false, + "fill": "$yellow-4", + "cornerRadius": "$radius-sm", + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "k6Y1j", + "name": "newBadgeText", + "fill": "$dark-9", + "content": "New", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "HFf4h", + "layoutPosition": "absolute", + "x": 0, + "y": 0, + "name": "ownedOverlay", + "enabled": false, + "width": 320, + "height": 200, + "fill": "#101113b3", + "layout": "vertical", + "gap": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "OAyXG", + "name": "ownedIcon", + "width": 26, + "height": 26, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "ToKnk", + "name": "ownedText", + "fill": "$text-white", + "content": "Owned", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "m86qLS", + "layoutPosition": "absolute", + "x": 10, + "y": 168, + "name": "availBadge", + "enabled": false, + "fill": "#101113d9", + "cornerRadius": "$radius-sm", + "gap": 4, + "padding": [ + 3, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Q9GJFv", + "name": "availIcon", + "width": 11, + "height": 11, + "icon": "flame", + "library": "lucide", + "fill": "#000000" + }, + { + "type": "text", + "id": "prYjw", + "name": "availText", + "fill": "$text-white", + "content": "12 left", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "fKD1n", + "layoutPosition": "absolute", + "x": 0, + "y": 0, + "name": "soldOutOverlay", + "enabled": false, + "width": 320, + "height": 200, + "fill": "#101113cc", + "layout": "vertical", + "gap": 6, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "b1elL", + "name": "soIcon", + "width": 26, + "height": 26, + "icon": "circle-x", + "library": "lucide", + "fill": "$red-5" + }, + { + "type": "text", + "id": "wDlHw", + "name": "soText", + "fill": "$text-white", + "content": "Sold out", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "alRu6", + "name": "body", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": 12, + "children": [ + { + "type": "frame", + "id": "Qd0M6", + "name": "pricePill", + "fill": "#fc9c2d1f", + "cornerRadius": "$radius-full", + "gap": 5, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "f8FZZ", + "name": "priceIcon", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "ARoWN", + "name": "priceText", + "fill": "$buzz", + "content": "1,200", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "text", + "id": "oWK0S", + "name": "title", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Golden Laurel Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "ZeqnN", + "name": "desc", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "A shining laurel to crown your profile.", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "mTVXs", + "name": "actionBtn", + "width": "fill_container", + "fill": "$dark-4", + "cornerRadius": "$radius-md", + "padding": [ + 9, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "AShDl", + "name": "actionBtnText", + "fill": "$text-white", + "content": "Preview", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "UdvpO", + "x": 1360, + "y": 440, + "name": "Creator Shop - Purchase Modal", + "clip": true, + "width": 1240, + "height": 640, + "fill": "#08090ae6", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bQWJD", + "name": "modal", + "clip": true, + "width": 860, + "fill": "$bg-surface", + "cornerRadius": "$radius-lg", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "children": [ + { + "type": "frame", + "id": "IVOMI", + "name": "previewPane", + "width": 380, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#1A1B1E", + "position": 0 + }, + { + "color": "#101113", + "position": 1 + } + ] + }, + "layout": "vertical", + "gap": 16, + "padding": 24, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "a1mEl6", + "name": "bigSample", + "width": 190, + "height": 190, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "stroke": "#ffffff33", + "strokeWidth": 3, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "KlAyb", + "name": "bigIcon", + "width": 76, + "height": 76, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "text", + "id": "L2Jo8", + "name": "previewCaption", + "fill": "$text-dimmed", + "content": "Live preview", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "w83YMX", + "name": "details", + "width": "fill_container", + "fill": "$bg-surface", + "layout": "vertical", + "gap": 16, + "padding": 28, + "children": [ + { + "type": "frame", + "id": "CWmT1", + "name": "kindChip", + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "gap": 5, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "LOEO1", + "name": "kindIcon", + "width": 13, + "height": 13, + "icon": "award", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "GL4qH", + "name": "kindText", + "fill": "$text-primary", + "content": "Cosmetic · Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "text", + "id": "AYMXj", + "name": "mTitle", + "fill": "$text-white", + "content": "Golden Laurel Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-3xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "sxsGR", + "name": "creator", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "EBKIP", + "name": "cav", + "width": 24, + "height": 24, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MYlXo", + "name": "cavt", + "fill": "$text-white", + "content": "PF", + "fontFamily": "Inter", + "fontSize": 9, + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "text", + "id": "B0D35N", + "name": "byText", + "fill": "$text-dimmed", + "content": "by", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "LW4sY", + "name": "creatorName", + "fill": "$text-link", + "content": "PixelForge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "icon", + "id": "IZBzz", + "name": "cverify", + "width": 15, + "height": 15, + "icon": "badge-check", + "library": "lucide", + "fill": "$gold-9" + } + ] + }, + { + "type": "frame", + "id": "i3vcDd", + "name": "priceBlock", + "width": "fill_container", + "fill": "#fc9c2d14", + "cornerRadius": "$radius-md", + "stroke": "#fc9c2d33", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 2, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "v7gfJb", + "name": "pbTop", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "remoL", + "name": "pbIcon", + "width": 24, + "height": 24, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "r2jv8", + "name": "pbPrice", + "fill": "$buzz", + "content": "1,200", + "fontFamily": "Inter", + "fontSize": "$font-size-3xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "j79Yr", + "name": "pbUnit", + "fill": "$buzz", + "content": "Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "text", + "id": "qNPMw", + "name": "pbNote", + "fill": "$text-dimmed", + "content": "One-time purchase · Yours forever", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "U5232c", + "name": "buyBtn", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 8, + "padding": [ + 13, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "YvSjP", + "name": "buyIcon", + "width": 17, + "height": 17, + "icon": "zap", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "c3RZ4", + "name": "buyText", + "fill": "$text-white", + "content": "Buy for 1,200 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "EerLV", + "name": "balanceRow", + "width": "fill_container", + "gap": 5, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "a2Uvj", + "name": "balLabel", + "fill": "$text-dimmed", + "content": "Your balance:", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "icon", + "id": "oiean", + "name": "balIcon", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "bGARt", + "name": "balAmt", + "fill": "$text-primary", + "content": "8,400 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "qnFmI", + "name": "divider", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "text", + "id": "jKJx4", + "name": "descBody", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Crown your profile with a hand-crafted golden laurel. Displays beside your username across posts, comments, and your profile header.", + "lineHeight": 1.55, + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "XIRz2", + "layoutPosition": "absolute", + "x": 816, + "y": 16, + "name": "closeBtn", + "width": 30, + "height": 30, + "fill": "#00000059", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "yg1D0", + "name": "closeIcon", + "width": 17, + "height": 17, + "icon": "x", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "a1bNq", + "x": 2680, + "y": 440, + "name": "Creator Shop - Submit Item", + "clip": true, + "width": 720, + "fill": "$bg-body", + "layout": "vertical", + "gap": 22, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "f3o8wX", + "name": "header", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "i6CMKs", + "name": "back", + "gap": 5, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "gYNaF", + "name": "backIcon", + "width": 15, + "height": 15, + "icon": "arrow-left", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "qBZBn", + "name": "backText", + "fill": "$text-dimmed", + "content": "Back to your shop", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "O3jk4", + "name": "title", + "fill": "$text-white", + "content": "Submit an Item", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "UEPC0", + "name": "subtitle", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "List a new item on your creator shop. It goes to review before publishing.", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Xlk1G", + "name": "typeGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "uWe40", + "name": "label Item type", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "UXsfq", + "name": "lt", + "fill": "$text-primary", + "content": "Item type", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "zIIY9", + "name": "req", + "fill": "$red-5", + "content": "*", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "ghAeU", + "name": "typeRow", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "fATt8", + "name": "type Cosmetic", + "width": "fill_container", + "fill": "#228be614", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 6, + "padding": 14, + "children": [ + { + "type": "frame", + "id": "VWvQ3", + "name": "top", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "mTkla", + "name": "ti", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "frame", + "id": "en1Lq", + "name": "radio", + "width": 18, + "height": 18, + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeWidth": 2, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Lok2I", + "name": "rc", + "width": 12, + "height": 12, + "icon": "check", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "text", + "id": "h5rVk", + "name": "tl", + "fill": "$text-white", + "content": "Cosmetic", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "KewUt", + "name": "td", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Badges, frames, nameplates", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Nlmcf", + "name": "type Merch", + "opacity": 0.65, + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 6, + "padding": 14, + "children": [ + { + "type": "frame", + "id": "FEZ9S", + "name": "top", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "spAW1", + "name": "ti", + "width": 22, + "height": 22, + "icon": "shirt", + "library": "lucide", + "fill": "$text-muted" + }, + { + "type": "frame", + "id": "isX0T", + "name": "soonChip", + "fill": "#fab00514", + "cornerRadius": "$radius-sm", + "padding": [ + 2, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "I6GwLN", + "name": "soonT", + "fill": "#FCC419", + "content": "Soon", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "text", + "id": "u87ZEZ", + "name": "tl", + "fill": "$text-white", + "content": "Merch", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "F6FFz", + "name": "td", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Print-on-demand — coming soon", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZO4aQ", + "name": "subGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "iH5Qd", + "name": "label Cosmetic type", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "P4uhU", + "name": "lt", + "fill": "$text-primary", + "content": "Cosmetic type", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "AKDVF", + "name": "req", + "fill": "$red-5", + "content": "*", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "h4dTE", + "name": "subRow", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "Ckcg0", + "name": "sub Badge", + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "go5Uv", + "name": "sct", + "fill": "$text-white", + "content": "Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "WlVCt", + "name": "sub Avatar Frame", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "F23sl", + "name": "sct", + "fill": "$text-primary", + "content": "Avatar Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "yBNK4", + "name": "sub Nameplate", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "XW8Bz", + "name": "sct", + "fill": "$text-primary", + "content": "Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "keYlD", + "name": "sub Content Decoration", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gSCiz", + "name": "sct", + "fill": "$text-primary", + "content": "Content Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "D50h0", + "name": "upGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "pLUqY", + "name": "label Artwork", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "T4cMAI", + "name": "lt", + "fill": "$text-primary", + "content": "Artwork", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "rh3UB", + "name": "req", + "fill": "$red-5", + "content": "*", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "hrEKY", + "name": "dropzone", + "width": "fill_container", + "height": 170, + "fill": "#1e1f23", + "cornerRadius": "$radius-md", + "stroke": "#4a4d54", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "o1CTYn", + "name": "upIcon", + "width": 34, + "height": 34, + "icon": "image-plus", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "bGyIh", + "name": "upMain", + "fill": "$text-primary", + "content": "Drag & drop your artwork, or", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "dfJqs", + "name": "browse", + "fill": "$dark-4", + "cornerRadius": "$radius-md", + "padding": [ + 8, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Uaflt", + "name": "bt", + "fill": "$text-white", + "content": "Browse files", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "text", + "id": "m47unp", + "name": "upHint", + "fill": "$text-dimmed", + "content": "PNG with transparency · min 512×512px · max 2MB", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Vzqce", + "name": "titleGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "z3QRE", + "name": "label Title", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GKSXX", + "name": "lt", + "fill": "$text-primary", + "content": "Title", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "MHUOr", + "name": "req", + "fill": "$red-5", + "content": "*", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "ZTLwP", + "name": "input", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "padding": [ + 11, + 14 + ], + "children": [ + { + "type": "text", + "id": "u2RUeC", + "name": "ph", + "fill": "$text-muted", + "content": "e.g. Golden Laurel Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "s8cvt9", + "name": "descGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "sWdGU", + "name": "label Description", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "VV81P", + "name": "lt", + "fill": "$text-primary", + "content": "Description", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "s3L40i", + "name": "input", + "width": "fill_container", + "height": 88, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "padding": [ + 11, + 14 + ], + "children": [ + { + "type": "text", + "id": "DmIMD", + "name": "ph", + "fill": "$text-muted", + "content": "Describe your item for shoppers…", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "U1Y12w", + "name": "priceGroup", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "qkeAm", + "name": "label Price (Buzz)", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "a3pBPx", + "name": "lt", + "fill": "$text-primary", + "content": "Price (Buzz)", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "h5Zr5s", + "name": "req", + "fill": "$red-5", + "content": "*", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "b0CysM", + "name": "priceInput", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 8, + "padding": [ + 11, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "tSq1B", + "name": "pi", + "width": 16, + "height": 16, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "wSUsS", + "name": "pv", + "fill": "$text-white", + "content": "1,200", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "bzQ5F", + "name": "helper", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MfCxM", + "name": "hmin", + "fill": "$text-dimmed", + "content": "Minimum 500 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "E1o9le", + "name": "hshare", + "fill": "$text-dimmed", + "content": "You keep 70% · platform 30%", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "jYInT", + "name": "earnCard", + "width": "fill_container", + "fill": "#40c05714", + "cornerRadius": "$radius-md", + "stroke": "#40c05733", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 8, + "padding": [ + 10, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "V1Vy0A", + "name": "ei", + "width": 16, + "height": 16, + "icon": "trending-up", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "x8xcG", + "name": "et", + "fill": "$green-4", + "content": "You earn ≈ 840 Buzz per sale", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "iOGQQ", + "name": "feeNotice", + "width": "fill_container", + "fill": "#228be60d", + "cornerRadius": "$radius-md", + "stroke": "#228be633", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 12, + "padding": 14, + "children": [ + { + "type": "icon", + "id": "i0uwTp", + "name": "feeIcon", + "width": 22, + "height": 22, + "icon": "wallet", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "frame", + "id": "C2myPe", + "name": "feeCol", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "dUW8x", + "name": "feeTitle", + "fill": "$text-white", + "content": "1,000 Buzz submission fee", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "L3m6h", + "name": "feeBody", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Charged when you submit for review. Non-refundable, even if the item isn't approved. Accepts green or yellow Buzz.", + "lineHeight": 1.45, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "pj0k0", + "name": "footDivider", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "frame", + "id": "kSurt", + "name": "footer", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "q2SQy", + "name": "draftBtn", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 11, + 18 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "aQKoL", + "name": "draftText", + "fill": "$text-white", + "content": "Save draft", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "JGV5b", + "name": "submitBtn", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 7, + "padding": [ + 11, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "t0YwJ", + "name": "si", + "width": 16, + "height": 16, + "icon": "zap", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "lzely", + "name": "submitText", + "fill": "$text-white", + "content": "Pay 1,000 Buzz & Submit for Review", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ylv0l", + "x": 0, + "y": 1980, + "name": "Storefront — Profile Match (Sectioned)", + "clip": true, + "width": 1600, + "fill": "$bg-body", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "IRR7h", + "name": "siteHeader", + "width": "fill_container", + "height": 56, + "fill": "#141517", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 0, + 20 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SrBjC", + "name": "thL", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "P5kWr", + "name": "logo", + "fill": "$text-white", + "content": "CIVITAI", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold", + "letterSpacing": 1 + }, + { + "type": "frame", + "id": "Vb5ux", + "name": "proChip", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#7048E8", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-sm", + "padding": [ + 2, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "EJT7Y", + "name": "proT", + "fill": "$text-white", + "content": "Pro", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "hzTq8", + "name": "search", + "width": 420, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "gap": 8, + "padding": [ + 8, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "J7dlZp", + "name": "si", + "width": 16, + "height": 16, + "icon": "search", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "WhCRW", + "name": "sp", + "fill": "$text-muted", + "content": "Search Civitai", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "w9bSqM", + "name": "thR", + "gap": 14, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "M93JF", + "name": "createBtn", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "S2lQo", + "name": "ci", + "width": 15, + "height": 15, + "icon": "sparkles", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "x6vxe", + "name": "ct", + "fill": "$blue-4", + "content": "Create", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "rWZBa", + "name": "bell", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "i0Mxgp", + "name": "bi", + "width": 19, + "height": 19, + "icon": "bell", + "library": "lucide", + "fill": "$text-primary" + }, + { + "type": "frame", + "id": "zdDVC", + "name": "bc", + "fill": "$red-5", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "X16bg7", + "name": "bct", + "fill": "$text-white", + "content": "42", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "IIezB", + "name": "buzzBal", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "wsq5S", + "name": "bz", + "width": 16, + "height": 16, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "zODcn", + "name": "bzt", + "fill": "$buzz", + "content": "7K", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "g1E3Ri", + "name": "navAvatar", + "width": 30, + "height": 30, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Asujt", + "name": "bodyRow", + "width": "fill_container", + "children": [ + { + "type": "frame", + "id": "nzSYW", + "name": "sidebar", + "width": 300, + "fill": "$bg-body", + "stroke": "$border-default", + "strokeWidth": { + "right": 1 + }, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "fixDq", + "name": "avatarWrap", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "OABDr", + "name": "avatar", + "width": 128, + "height": 128, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "stroke": "#9775FA", + "strokeWidth": 3, + "strokeAlignment": "outer", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#9775fa80", + "blur": 16 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "rRzXv", + "name": "avT", + "fill": "$text-white", + "content": "PF", + "fontFamily": "Inter", + "fontSize": "$font-size-3xl", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "HhI38", + "name": "unmeRow", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "N0F9TH", + "name": "uname", + "fill": "#F783AC", + "content": "PixelForge", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "icon", + "id": "JPRVr", + "name": "ubadge", + "width": 16, + "height": 16, + "icon": "badge-check", + "library": "lucide", + "fill": "$gold-9" + } + ] + }, + { + "type": "text", + "id": "p2VcU", + "name": "joined", + "fill": "$text-primary", + "content": "Joined Dec 18, 2022", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "rIo53", + "name": "uid", + "fill": "$text-dimmed", + "content": "User ID: 18085", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "zgcNm", + "name": "followBtn", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 10, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Iej4m", + "name": "fi", + "width": 16, + "height": 16, + "icon": "plus", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "QA9gz", + "name": "ft", + "fill": "$text-white", + "content": "Follow", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "ODLkO", + "name": "sd1", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "frame", + "id": "iRRF2", + "name": "followers", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "h1CiXO", + "name": "pi", + "width": 18, + "height": 18, + "icon": "users", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "frame", + "id": "oiGm9", + "name": "follCol", + "layout": "vertical", + "children": [ + { + "type": "text", + "id": "i0MtXe", + "name": "fnum", + "fill": "$text-white", + "content": "1.2K", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "DfScL", + "name": "flbl", + "fill": "$text-dimmed", + "content": "FOLLOWERS", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "FQMIk", + "name": "sd2", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "text", + "id": "lawvf", + "name": "badgesH", + "fill": "$text-white", + "content": "Badges", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "QvNkE", + "name": "brow0", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "UisLP", + "name": "badge0", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "D3FbPN", + "name": "bic", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "PLrsG", + "name": "badge1", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "SGPz7", + "name": "bic", + "width": 22, + "height": 22, + "icon": "shield", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "oXsKR", + "name": "badge2", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "z40NEj", + "name": "bic", + "width": 22, + "height": 22, + "icon": "star", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "s1vIPl", + "name": "badge3", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "rzbaH", + "name": "bic", + "width": 22, + "height": 22, + "icon": "gem", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "LEvyn", + "name": "brow4", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "RcalY", + "name": "badge4", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#69DB7C", + "position": 0 + }, + { + "color": "#2B8A3E", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Mpu1k", + "name": "bic", + "width": 22, + "height": 22, + "icon": "crown", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "Qawc5", + "name": "badge5", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "tr1Q5", + "name": "bic", + "width": 22, + "height": 22, + "icon": "medal", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "wIRXE", + "name": "badge6", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FCC419", + "position": 0 + }, + { + "color": "#F08C00", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "w0tg3i", + "name": "bic", + "width": 22, + "height": 22, + "icon": "flame", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "lquVx", + "name": "badge7", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#748FFC", + "position": 0 + }, + { + "color": "#3B5BDB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "e0vbT9", + "name": "bic", + "width": 22, + "height": 22, + "icon": "hexagon", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "zKpxw", + "name": "brow8", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "F3iXwQ", + "name": "badge8", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "H767Te", + "name": "bic", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "CHqeN", + "name": "badge9", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ymhIt", + "name": "bic", + "width": 22, + "height": 22, + "icon": "shield", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "D5Ycg", + "name": "badge10", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "d7yS6L", + "name": "bic", + "width": 22, + "height": 22, + "icon": "star", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "teNx7", + "name": "badge11", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "t3f10", + "name": "bic", + "width": 22, + "height": 22, + "icon": "gem", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "P1R7i", + "name": "showAll", + "width": "fill_container", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 9, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "SCvzS", + "name": "sat", + "fill": "$text-primary", + "content": "Show all (48)", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "DisbF", + "name": "main", + "width": "fill_container", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "Q0HFv", + "name": "tabNav", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 2, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rez29", + "name": "tab Overview", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "w1FxXW", + "name": "ti", + "width": 16, + "height": 16, + "icon": "layout-dashboard", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "equeM", + "name": "tt", + "fill": "$text-dimmed", + "content": "Overview", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "f5o5K", + "name": "tab Models", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jtYYD", + "name": "ti", + "width": 16, + "height": 16, + "icon": "box", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "m4KAD", + "name": "tt", + "fill": "$text-dimmed", + "content": "Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "wE0wq", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ghgUO", + "name": "ccn", + "fill": "$text-dimmed", + "content": "340", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "JwgwD", + "name": "tab Posts", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "rsIFy", + "name": "ti", + "width": 16, + "height": 16, + "icon": "file-text", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "OkI0x", + "name": "tt", + "fill": "$text-dimmed", + "content": "Posts", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "uhj3s", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MlGiY", + "name": "ccn", + "fill": "$text-dimmed", + "content": "45", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "exJdW", + "name": "tab Images", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jWIgw", + "name": "ti", + "width": 16, + "height": 16, + "icon": "image", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "lGuo2", + "name": "tt", + "fill": "$text-dimmed", + "content": "Images", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "GXPXq", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "P7pemN", + "name": "ccn", + "fill": "$text-dimmed", + "content": "68", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "UrH4G", + "name": "tab Videos", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "LBgRN", + "name": "ti", + "width": 16, + "height": 16, + "icon": "video", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "lNsJU", + "name": "tt", + "fill": "$text-dimmed", + "content": "Videos", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "mXsXF", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "O67sJ7", + "name": "ccn", + "fill": "$text-dimmed", + "content": "11", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ChioO", + "name": "tab 3D Models", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "e3NqQ", + "name": "ti", + "width": 16, + "height": 16, + "icon": "boxes", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "uJbGd", + "name": "tt", + "fill": "$text-dimmed", + "content": "3D Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "v8mIu", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "V8n3Fm", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Atvd2", + "name": "tab Articles", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "uhs1t", + "name": "ti", + "width": 16, + "height": 16, + "icon": "newspaper", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "fQh9q", + "name": "tt", + "fill": "$text-dimmed", + "content": "Articles", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "IyDTG", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "IDQVy", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "nF8P3", + "name": "tab Comics", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "HyYVU", + "name": "ti", + "width": 16, + "height": 16, + "icon": "book-open", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "A7RRb", + "name": "tt", + "fill": "$text-dimmed", + "content": "Comics", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "p5HOh", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "u3UYV7", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "q8yce", + "name": "tab Collections", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "hKloi", + "name": "ti", + "width": 16, + "height": 16, + "icon": "bookmark", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "Sr3s1", + "name": "tt", + "fill": "$text-dimmed", + "content": "Collections", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "q41s1I", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "W3hVE", + "name": "ccn", + "fill": "$text-dimmed", + "content": "1", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "rhPyH", + "name": "tab Shop", + "stroke": "$primary", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "QEfaz", + "name": "ti", + "width": 16, + "height": 16, + "icon": "shopping-bag", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "vrYtJ", + "name": "tt", + "fill": "$text-white", + "content": "Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "Rt7uS", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "c8bcre", + "name": "ccn", + "fill": "$text-dimmed", + "content": "12", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "KCR0D", + "name": "shopContent", + "width": "fill_container", + "layout": "vertical", + "gap": 26, + "padding": [ + 20, + 24, + 32, + 24 + ], + "children": [ + { + "type": "frame", + "id": "YDjM8", + "name": "toolbar", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "T78mvO", + "name": "tbl", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "T3tdMT", + "name": "sh", + "fill": "$text-white", + "content": "Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "v8UV81", + "name": "shs", + "fill": "$text-dimmed", + "content": "Cosmetics & merch by PixelForge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "aw9iH", + "name": "settingsBtn", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "OmutM", + "name": "gi", + "width": 15, + "height": 15, + "icon": "settings", + "library": "lucide", + "fill": "$text-primary" + }, + { + "type": "text", + "id": "DmrfK", + "name": "gt", + "fill": "$text-primary", + "content": "Shop settings", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "oCdW4", + "name": "section Featured", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 160, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#282318", + "position": 0 + }, + { + "color": "#1e1f24", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-lg", + "stroke": "#f0b45540", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 16, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "E7qFm", + "name": "head", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "B0LEw", + "name": "hl", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "b0oGVy", + "name": "starW", + "width": 26, + "height": 26, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFE066", + "position": 0 + }, + { + "color": "#F08C00", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "OLqsA", + "name": "si", + "width": 15, + "height": 15, + "icon": "star", + "library": "lucide", + "fill": "$dark-9" + } + ] + }, + { + "type": "text", + "id": "FmQ8s", + "name": "t", + "fill": "$text-white", + "content": "Featured", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "text", + "id": "kJlB4", + "name": "sub", + "fill": "#E0C08F", + "content": "Hand-picked by PixelForge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "MvEa8", + "name": "row", + "width": "fill_container", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "h1T2H2", + "name": "fc Golden Laurel Badge", + "clip": true, + "width": "fill_container", + "height": 152, + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "#f0b45559", + "strokeWidth": 1, + "strokeAlignment": "inner", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#00000059", + "offset": { + "x": 0, + "y": 6 + }, + "blur": 16 + }, + "children": [ + { + "type": "frame", + "id": "i8udU", + "name": "pv", + "clip": true, + "width": 130, + "height": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ywmoy", + "name": "pi", + "width": 48, + "height": 48, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "poIof", + "layoutPosition": "absolute", + "x": 8, + "y": 8, + "name": "star", + "fill": "#101113cc", + "cornerRadius": "$radius-sm", + "gap": 4, + "padding": [ + 3, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "f9CAfB", + "name": "sti", + "width": 11, + "height": 11, + "icon": "star", + "library": "lucide", + "fill": "$yellow-4" + }, + { + "type": "text", + "id": "gMct2", + "name": "stt", + "fill": "$text-white", + "content": "Featured", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "VGq4e", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": 16, + "justifyContent": "center", + "children": [ + { + "type": "text", + "id": "zsuAl", + "name": "k", + "fill": "$text-dimmed", + "content": "Cosmetic · Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "LyJqN", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Golden Laurel Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "X4oDqz", + "name": "pr", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "HTgmd", + "name": "pp", + "gap": 5, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "zUIwv", + "name": "zi", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "gsvCd", + "name": "pt", + "fill": "$buzz", + "content": "1,200", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "IOUKU", + "name": "av", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "wOvPt", + "name": "fi", + "width": 11, + "height": 11, + "icon": "flame", + "library": "lucide", + "fill": "$orange-4" + }, + { + "type": "text", + "id": "Y6ARI", + "name": "al", + "fill": "$text-dimmed", + "content": "18 left", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "jLNd6", + "name": "buy", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 6, + "padding": [ + 8, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "SVv7F", + "name": "bzi", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "Y2LnMO", + "name": "bt", + "fill": "$text-white", + "content": "Buy for 1,200", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "idwip", + "name": "fc Cosmic Overlay", + "clip": true, + "width": "fill_container", + "height": 152, + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "#f0b45559", + "strokeWidth": 1, + "strokeAlignment": "inner", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#00000059", + "offset": { + "x": 0, + "y": 6 + }, + "blur": 16 + }, + "children": [ + { + "type": "frame", + "id": "SMFhV", + "name": "pv", + "clip": true, + "width": 130, + "height": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "e1hQa", + "name": "pi", + "width": 48, + "height": 48, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "rScgB", + "layoutPosition": "absolute", + "x": 8, + "y": 8, + "name": "star", + "fill": "#101113cc", + "cornerRadius": "$radius-sm", + "gap": 4, + "padding": [ + 3, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Y7dTjJ", + "name": "sti", + "width": 11, + "height": 11, + "icon": "star", + "library": "lucide", + "fill": "$yellow-4" + }, + { + "type": "text", + "id": "oahAb", + "name": "stt", + "fill": "$text-white", + "content": "Featured", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "sAhs2", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": 16, + "justifyContent": "center", + "children": [ + { + "type": "text", + "id": "eYF8x", + "name": "k", + "fill": "$text-dimmed", + "content": "Cosmetic · Content Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "dytRL", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Cosmic Overlay", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "qfJCm", + "name": "pr", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "b79oyo", + "name": "pp", + "gap": 5, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "M6kRk", + "name": "zi", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "cjI8Y", + "name": "pt", + "fill": "$buzz", + "content": "1,500", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "vyacp", + "name": "av", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "UxqCD", + "name": "fi", + "width": 11, + "height": 11, + "icon": "flame", + "library": "lucide", + "fill": "$orange-4" + }, + { + "type": "text", + "id": "mRd73", + "name": "al", + "fill": "$text-dimmed", + "content": "5 left", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "DW8Pf", + "name": "buy", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 6, + "padding": [ + 8, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "aRz6k", + "name": "bzi", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "S8YOuy", + "name": "bt", + "fill": "$text-white", + "content": "Buy for 1,500", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "f3gIw", + "name": "fc Circuit Content Frame", + "clip": true, + "width": "fill_container", + "height": 152, + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "#f0b45559", + "strokeWidth": 1, + "strokeAlignment": "inner", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#00000059", + "offset": { + "x": 0, + "y": 6 + }, + "blur": 16 + }, + "children": [ + { + "type": "frame", + "id": "mj2j2", + "name": "pv", + "clip": true, + "width": 130, + "height": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#63E6BE", + "position": 0 + }, + { + "color": "#0CA678", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Dakv0", + "name": "pi", + "width": 48, + "height": 48, + "icon": "cpu", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "b0BZX", + "layoutPosition": "absolute", + "x": 8, + "y": 8, + "name": "star", + "fill": "#101113cc", + "cornerRadius": "$radius-sm", + "gap": 4, + "padding": [ + 3, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "eARWr", + "name": "sti", + "width": 11, + "height": 11, + "icon": "star", + "library": "lucide", + "fill": "$yellow-4" + }, + { + "type": "text", + "id": "khEb3", + "name": "stt", + "fill": "$text-white", + "content": "Featured", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "YMHux", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "padding": 16, + "justifyContent": "center", + "children": [ + { + "type": "text", + "id": "znn20", + "name": "k", + "fill": "$text-dimmed", + "content": "Cosmetic · Content Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "CRsAq", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Circuit Content Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "jScqH", + "name": "pr", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tOljE", + "name": "pp", + "gap": 5, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "M0kNz", + "name": "zi", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "cJOKh", + "name": "pt", + "fill": "$buzz", + "content": "1,600", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "bIIO7", + "name": "av", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Nf2vt", + "name": "fi", + "width": 11, + "height": 11, + "icon": "flame", + "library": "lucide", + "fill": "$orange-4" + }, + { + "type": "text", + "id": "rvMIo", + "name": "al", + "fill": "$text-dimmed", + "content": "30 left", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "eojf2", + "name": "buy", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 6, + "padding": [ + 8, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "tqn2K", + "name": "bzi", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "BFhaq", + "name": "bt", + "fill": "$text-white", + "content": "Buy for 1,600", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "O5BKpG", + "name": "section Cosmetics", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "rj0QT", + "name": "secHead", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "j3km4", + "name": "l", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "s4SgoN", + "name": "t", + "fill": "$text-white", + "content": "Cosmetics", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "mPsQs", + "name": "c", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 3, + 9 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "bDvKH", + "name": "ct", + "fill": "$text-dimmed", + "content": "8", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Csgy5", + "name": "controls", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ESYtm", + "name": "cf", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "MoFqA", + "name": "ch All types", + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tNE1R", + "name": "t", + "fill": "$text-white", + "content": "All types", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "Dl5Kj", + "name": "ch Badge", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Ig9Ub", + "name": "t", + "fill": "$text-primary", + "content": "Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "oK65N", + "name": "ch Avatar Frame", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "AWdZN", + "name": "t", + "fill": "$text-primary", + "content": "Avatar Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "yhynD", + "name": "ch Nameplate", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "cUXTf", + "name": "t", + "fill": "$text-primary", + "content": "Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "attRP", + "name": "ch Content Decoration", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "msLnx", + "name": "t", + "fill": "$text-primary", + "content": "Content Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZfLdK", + "name": "sort", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "EzXnb", + "name": "si", + "width": 14, + "height": 14, + "icon": "arrow-up-down", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "ekvO5", + "name": "st", + "fill": "$text-primary", + "content": "Price: High to low", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "icon", + "id": "KPQPP", + "name": "sc", + "width": 13, + "height": 13, + "icon": "chevron-down", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "W9vrBt", + "name": "row0", + "width": "fill_container", + "gap": 20, + "children": [ + { + "id": "zlJIH", + "type": "ref", + "ref": "ZU61x", + "name": "c Golden Laurel Badge", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "award" + }, + "dOXa6": { + "content": "Badge" + }, + "v56WxE": { + "enabled": true + }, + "m86qLS": { + "enabled": true + }, + "prYjw": { + "content": "18 left" + }, + "ARoWN": { + "content": "1,200" + }, + "oWK0S": { + "content": "Golden Laurel Badge" + }, + "ZeqnN": { + "content": "A shining laurel to crown your profile." + } + } + }, + { + "id": "meHGV", + "type": "ref", + "ref": "ZU61x", + "name": "c Neon Halo Frame", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "scan" + }, + "dOXa6": { + "content": "Avatar Frame" + }, + "ARoWN": { + "content": "2,500" + }, + "oWK0S": { + "content": "Neon Halo Frame" + }, + "ZeqnN": { + "content": "Animated neon ring for your avatar." + } + } + }, + { + "id": "ZAZkI", + "type": "ref", + "ref": "ZU61x", + "name": "c Aurora Nameplate", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "type" + }, + "dOXa6": { + "content": "Nameplate" + }, + "HFf4h": { + "enabled": true + }, + "ARoWN": { + "content": "800" + }, + "oWK0S": { + "content": "Aurora Nameplate" + }, + "ZeqnN": { + "content": "Gradient username styling." + } + } + }, + { + "id": "kfSt7", + "type": "ref", + "ref": "ZU61x", + "name": "c Cosmic Overlay", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "sparkles" + }, + "dOXa6": { + "content": "Content Decoration" + }, + "m86qLS": { + "enabled": true + }, + "prYjw": { + "content": "5 left" + }, + "ARoWN": { + "content": "1,500" + }, + "oWK0S": { + "content": "Cosmic Overlay" + }, + "ZeqnN": { + "content": "Starfield frame for your posts." + } + } + } + ] + }, + { + "type": "frame", + "id": "PzAVm", + "name": "row4", + "width": "fill_container", + "gap": 20, + "children": [ + { + "id": "N1L8U5", + "type": "ref", + "ref": "ZU61x", + "name": "c Ember Crown Badge", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FF922B", + "position": 0 + }, + { + "color": "#C92A2A", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "crown" + }, + "dOXa6": { + "content": "Badge" + }, + "fKD1n": { + "enabled": true + }, + "ARoWN": { + "content": "1,400" + }, + "oWK0S": { + "content": "Ember Crown Badge" + }, + "ZeqnN": { + "content": "A smouldering crown of embers." + } + } + }, + { + "id": "X05Pp", + "type": "ref", + "ref": "ZU61x", + "name": "c Frost Ring Frame", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#66D9E8", + "position": 0 + }, + { + "color": "#1971C2", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "snowflake" + }, + "dOXa6": { + "content": "Avatar Frame" + }, + "ARoWN": { + "content": "2,200" + }, + "oWK0S": { + "content": "Frost Ring Frame" + }, + "ZeqnN": { + "content": "Icy crystalline avatar ring." + } + } + }, + { + "id": "V6wji4", + "type": "ref", + "ref": "ZU61x", + "name": "c Sakura Nameplate", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FCC2D7", + "position": 0 + }, + { + "color": "#E64980", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "type" + }, + "dOXa6": { + "content": "Nameplate" + }, + "ARoWN": { + "content": "900" + }, + "oWK0S": { + "content": "Sakura Nameplate" + }, + "ZeqnN": { + "content": "Soft petal-pink username style." + } + } + }, + { + "id": "jMmdF", + "type": "ref", + "ref": "ZU61x", + "name": "c Circuit Content Frame", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#63E6BE", + "position": 0 + }, + { + "color": "#0CA678", + "position": 1 + } + ] + } + }, + "XRWuN": { + "icon": "cpu" + }, + "dOXa6": { + "content": "Content Decoration" + }, + "v56WxE": { + "enabled": true + }, + "m86qLS": { + "enabled": true + }, + "prYjw": { + "content": "30 left" + }, + "ARoWN": { + "content": "1,600" + }, + "oWK0S": { + "content": "Circuit Content Frame" + }, + "ZeqnN": { + "content": "Glowing circuitry post frame." + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "QTm81", + "name": "section Merch", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "THCDT", + "name": "secHead", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "f8JxK", + "name": "l", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "LwMzl", + "name": "t", + "fill": "$text-white", + "content": "Merch", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "MYMbr", + "name": "soon", + "fill": "#fab00514", + "cornerRadius": "$radius-full", + "padding": [ + 3, + 9 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "F4BxU1", + "name": "st", + "fill": "#FCC419", + "content": "Coming soon", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "NxNgj", + "name": "merchSoon", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 8, + "padding": 40, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "G40A0G", + "name": "si", + "width": 36, + "height": 36, + "icon": "shopping-bag", + "library": "lucide", + "fill": "$text-muted" + }, + { + "type": "text", + "id": "I6OiZd", + "name": "st", + "fill": "$text-white", + "content": "Merch is coming soon", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "qcKKy", + "name": "sb", + "fill": "$text-dimmed", + "content": "Print-on-demand apparel & goods will be available here shortly.", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "YwMmL", + "name": "section Models", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "DYxkr", + "name": "secHead", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "spY1e", + "name": "l", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "l0fYR", + "name": "t", + "fill": "$text-white", + "content": "Models", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "Q8jA4C", + "name": "c", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 3, + 9 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "y0NM8S", + "name": "ct", + "fill": "$text-dimmed", + "content": "4", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "RTcrr", + "name": "auto", + "fill": "#228be614", + "cornerRadius": "$radius-full", + "gap": 5, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "p8leO", + "name": "ai", + "width": 13, + "height": 13, + "icon": "wand-sparkles", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "nbouO", + "name": "at", + "fill": "$blue-4", + "content": "Auto-included from your models", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "pIbWC", + "name": "controls", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "IrZO8", + "name": "cf", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "c4Z7l", + "name": "ch All", + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "u9c0u1", + "name": "t", + "fill": "$text-white", + "content": "All", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "MAGS9", + "name": "ch Early Access", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "YP6UP", + "name": "t", + "fill": "$text-primary", + "content": "Early Access", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "M6obnk", + "name": "ch Paid Access", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "nP3KH", + "name": "t", + "fill": "$text-primary", + "content": "Paid Access", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "OWHih", + "name": "sort", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "CkXNV", + "name": "si", + "width": 14, + "height": 14, + "icon": "arrow-up-down", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "p5ICV", + "name": "st", + "fill": "$text-primary", + "content": "Newest", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "icon", + "id": "o4c5O", + "name": "sc", + "width": 13, + "height": 13, + "icon": "chevron-down", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "z1gmp", + "name": "row0", + "width": "fill_container", + "gap": 20, + "children": [ + { + "id": "P6P7Mg", + "type": "ref", + "ref": "ZU61x", + "name": "c NeoRealism XL", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-lg", + "width": 130, + "height": 130 + }, + "XRWuN": { + "icon": "box" + }, + "dOXa6": { + "content": "Early Access" + }, + "ARoWN": { + "content": "3,000" + }, + "oWK0S": { + "content": "NeoRealism XL" + }, + "ZeqnN": { + "content": "Photoreal SDXL checkpoint." + }, + "AShDl": { + "content": "View" + } + } + }, + { + "id": "ogO7J", + "type": "ref", + "ref": "ZU61x", + "name": "c InkFlow LoRA", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-lg", + "width": 130, + "height": 130 + }, + "XRWuN": { + "icon": "pen-tool" + }, + "dOXa6": { + "content": "Paid Access" + }, + "ARoWN": { + "content": "1,000" + }, + "oWK0S": { + "content": "InkFlow LoRA" + }, + "ZeqnN": { + "content": "Manga inking style LoRA." + }, + "AShDl": { + "content": "View" + } + } + }, + { + "id": "jh9jy", + "type": "ref", + "ref": "ZU61x", + "name": "c Chroma Motion", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-lg", + "width": 130, + "height": 130 + }, + "XRWuN": { + "icon": "clapperboard" + }, + "dOXa6": { + "content": "Early Access" + }, + "ARoWN": { + "content": "4,500" + }, + "oWK0S": { + "content": "Chroma Motion" + }, + "ZeqnN": { + "content": "Video motion module." + }, + "AShDl": { + "content": "View" + } + } + }, + { + "id": "IW3yx", + "type": "ref", + "ref": "ZU61x", + "name": "c Golden Hour VAE", + "width": "fill_container", + "descendants": { + "V4QxaK": { + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#F08C00", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-lg", + "width": 130, + "height": 130 + }, + "XRWuN": { + "icon": "sun" + }, + "dOXa6": { + "content": "Paid Access" + }, + "ARoWN": { + "content": "600" + }, + "oWK0S": { + "content": "Golden Hour VAE" + }, + "ZeqnN": { + "content": "Warm-tone color VAE." + }, + "AShDl": { + "content": "View" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Y0Ah6", + "x": 1720, + "y": 1980, + "name": "Owner — Manage Your Shop", + "clip": true, + "width": 1120, + "fill": "$bg-body", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "G8oOR", + "name": "head", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bx6td", + "name": "hl", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "qV0Ba", + "name": "ht", + "fill": "$text-white", + "content": "Your Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "UyAq3", + "name": "hs", + "fill": "$text-dimmed", + "content": "Manage your listings and track sales", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "WBASr", + "name": "hr", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "fIRTc", + "name": "submitBtn", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 6, + "padding": [ + 9, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "v93sE", + "name": "pi", + "width": 16, + "height": 16, + "icon": "plus", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "o8S5h", + "name": "pt", + "fill": "$text-white", + "content": "Submit item", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "zccJZ", + "name": "stats", + "width": "fill_container", + "gap": 14, + "children": [ + { + "type": "frame", + "id": "FYLVE", + "name": "stat Published", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 8, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "ItjsA", + "name": "t", + "gap": 7, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jkH82", + "name": "i", + "width": 16, + "height": 16, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "OlYFR", + "name": "l", + "fill": "$text-dimmed", + "content": "Published", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "text", + "id": "g0jycW", + "name": "v", + "fill": "$text-white", + "content": "8", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "Qvoja", + "name": "stat Pending review", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 8, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "bStHB", + "name": "t", + "gap": 7, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "AkP8u", + "name": "i", + "width": 16, + "height": 16, + "icon": "timer", + "library": "lucide", + "fill": "#FCC419" + }, + { + "type": "text", + "id": "hG0Oa", + "name": "l", + "fill": "$text-dimmed", + "content": "Pending review", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "text", + "id": "vPi79", + "name": "v", + "fill": "$text-white", + "content": "2", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "uqf4G", + "name": "stat Total sales", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 8, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "JWOAS", + "name": "t", + "gap": 7, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "BDnnr", + "name": "i", + "width": 16, + "height": 16, + "icon": "trending-up", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "uz4k7", + "name": "l", + "fill": "$text-dimmed", + "content": "Total sales", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "text", + "id": "y9JSb9", + "name": "v", + "fill": "$text-white", + "content": "1,240 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "CawWA", + "name": "stat This month", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 8, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "l9TZnU", + "name": "t", + "gap": 7, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "S17oQy", + "name": "i", + "width": 16, + "height": 16, + "icon": "calendar", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "Ybv79", + "name": "l", + "fill": "$text-dimmed", + "content": "This month", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "text", + "id": "kMzKH", + "name": "v", + "fill": "$text-white", + "content": "+320 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "tTkPd", + "name": "statusFilters", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "AkWFg", + "name": "f All", + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "kxO5O", + "name": "ft", + "fill": "$text-white", + "content": "All", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "mKItG", + "name": "fn", + "fill": "#ffffffcc", + "content": "12", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "oPGso", + "name": "f Published", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "g91XEx", + "name": "ft", + "fill": "$text-primary", + "content": "Published", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "UMLxD", + "name": "fn", + "fill": "$text-dimmed", + "content": "8", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "SBtDA", + "name": "f Pending Review", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "R2wIiw", + "name": "ft", + "fill": "$text-primary", + "content": "Pending Review", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "O2V7qd", + "name": "fn", + "fill": "$text-dimmed", + "content": "2", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "SAbGV", + "name": "f Draft", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "y2a8Eq", + "name": "ft", + "fill": "$text-primary", + "content": "Draft", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "w9WTDu", + "name": "fn", + "fill": "$text-dimmed", + "content": "1", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ZZQ5E", + "name": "f Rejected", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "D4urDK", + "name": "ft", + "fill": "$text-primary", + "content": "Rejected", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "NSluI", + "name": "fn", + "fill": "$text-dimmed", + "content": "1", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "PMjne", + "name": "f Archived", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "VIoYJ", + "name": "ft", + "fill": "$text-primary", + "content": "Archived", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "text", + "id": "drA1e", + "name": "fn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "CYiAH", + "name": "table", + "clip": true, + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "yzyc5", + "name": "thead", + "width": "fill_container", + "fill": "#1f2024", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 12, + "padding": [ + 11, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "s6Iz1X", + "name": "h ITEM", + "width": "fill_container", + "children": [ + { + "type": "text", + "id": "nPqgO", + "name": "ht", + "fill": "$text-dimmed", + "content": "ITEM", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "frame", + "id": "QYlPC", + "name": "h TYPE", + "width": 130, + "children": [ + { + "type": "text", + "id": "FLJWy", + "name": "ht", + "fill": "$text-dimmed", + "content": "TYPE", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "frame", + "id": "PjzNx", + "name": "h PRICE", + "width": 120, + "children": [ + { + "type": "text", + "id": "i0FpMq", + "name": "ht", + "fill": "$text-dimmed", + "content": "PRICE", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "frame", + "id": "mBrJZ", + "name": "h STATUS", + "width": 160, + "children": [ + { + "type": "text", + "id": "QaOjv", + "name": "ht", + "fill": "$text-dimmed", + "content": "STATUS", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "frame", + "id": "PHa7h", + "name": "h SALES", + "width": 80, + "children": [ + { + "type": "text", + "id": "A6RVkU", + "name": "ht", + "fill": "$text-dimmed", + "content": "SALES", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "frame", + "id": "O8Bz3z", + "name": "h UPDATED", + "width": 100, + "children": [ + { + "type": "text", + "id": "iOyCc", + "name": "ht", + "fill": "$text-dimmed", + "content": "UPDATED", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + }, + { + "type": "frame", + "id": "vZuBK", + "name": "h ", + "width": 40, + "children": [ + { + "type": "text", + "id": "NKidm", + "name": "ht", + "fill": "$text-dimmed", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "sQWiI", + "name": "row Golden Laurel Badge", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 12, + "padding": [ + 12, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "RQ5qk", + "name": "c item", + "width": "fill_container", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rqP8f", + "name": "thumb", + "width": 40, + "height": 40, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "rBAnT", + "name": "ti", + "width": 20, + "height": 20, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "D9DGre", + "name": "itc", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "ogzLl", + "name": "it", + "fill": "$text-white", + "content": "Golden Laurel Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "F9TDAl", + "name": "is", + "fill": "$text-dimmed", + "content": "Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Zvvb4", + "name": "c type", + "width": 130, + "children": [ + { + "type": "text", + "id": "mxjCj", + "name": "x", + "fill": "$text-primary", + "content": "Cosmetic", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Qzh0o", + "name": "c price", + "width": 120, + "children": [ + { + "type": "text", + "id": "e04L7", + "name": "x", + "fill": "$text-white", + "content": "1,200 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "E7Wwz", + "name": "c status", + "width": 160, + "children": [ + { + "type": "frame", + "id": "uvnt9", + "name": "status", + "fill": "#40c05714", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "JlwqO", + "name": "dot", + "fill": "$green-4", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "wEkpm", + "name": "sl", + "fill": "$green-4", + "content": "Published", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "B7QY1", + "name": "c sales", + "width": 80, + "children": [ + { + "type": "text", + "id": "tovCr", + "name": "x", + "fill": "$text-primary", + "content": "42", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Q5eu2j", + "name": "c updated", + "width": 100, + "children": [ + { + "type": "text", + "id": "npOio", + "name": "x", + "fill": "$text-dimmed", + "content": "2d ago", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "w7JvL", + "name": "c act", + "width": 40, + "justifyContent": "end", + "children": [ + { + "type": "icon", + "id": "erQxT", + "name": "more", + "width": 18, + "height": 18, + "icon": "ellipsis", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "I9agyC", + "name": "row Neon Halo Frame", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 12, + "padding": [ + 12, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "PLuqH", + "name": "c item", + "width": "fill_container", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "f9g1By", + "name": "thumb", + "width": 40, + "height": 40, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "P6fFrU", + "name": "ti", + "width": 20, + "height": 20, + "icon": "scan", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "u2hgg", + "name": "itc", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "R8n2Hy", + "name": "it", + "fill": "$text-white", + "content": "Neon Halo Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "Rc5xh", + "name": "is", + "fill": "$text-dimmed", + "content": "Avatar Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "MA8uN", + "name": "c type", + "width": 130, + "children": [ + { + "type": "text", + "id": "xwazn", + "name": "x", + "fill": "$text-primary", + "content": "Cosmetic", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "NQvYe", + "name": "c price", + "width": 120, + "children": [ + { + "type": "text", + "id": "rNU2G", + "name": "x", + "fill": "$text-white", + "content": "2,500 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "T2IXn", + "name": "c status", + "width": 160, + "children": [ + { + "type": "frame", + "id": "FVkvz", + "name": "status", + "fill": "#fab00514", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "k8MkIJ", + "name": "dot", + "fill": "#FCC419", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "NLfvd", + "name": "sl", + "fill": "#FCC419", + "content": "Pending Review", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "N6OvcJ", + "name": "c sales", + "width": 80, + "children": [ + { + "type": "text", + "id": "V2vGo1", + "name": "x", + "fill": "$text-primary", + "content": "—", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "x8RRS", + "name": "c updated", + "width": 100, + "children": [ + { + "type": "text", + "id": "kbs3F", + "name": "x", + "fill": "$text-dimmed", + "content": "5h ago", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "SI1MW", + "name": "c act", + "width": 40, + "justifyContent": "end", + "children": [ + { + "type": "icon", + "id": "a0Fb3", + "name": "more", + "width": 18, + "height": 18, + "icon": "ellipsis", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "feCxI", + "name": "row Classic Logo Tee", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 12, + "padding": [ + 12, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XlgH2", + "name": "c item", + "width": "fill_container", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "LP4dH", + "name": "thumb", + "width": 40, + "height": 40, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#5C5F66", + "position": 0 + }, + { + "color": "#25262B", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "U28AXh", + "name": "ti", + "width": 20, + "height": 20, + "icon": "shirt", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "K3ylV", + "name": "itc", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "UvgPm", + "name": "it", + "fill": "$text-white", + "content": "Classic Logo Tee", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "Q1U9qC", + "name": "is", + "fill": "$text-dimmed", + "content": "Apparel", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "QMz2k", + "name": "c type", + "width": 130, + "children": [ + { + "type": "text", + "id": "Sm8FX", + "name": "x", + "fill": "$text-primary", + "content": "Merch", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "WE9rb", + "name": "c price", + "width": 120, + "children": [ + { + "type": "text", + "id": "MlQo6", + "name": "x", + "fill": "$text-white", + "content": "$28.00", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "YbLK4", + "name": "c status", + "width": 160, + "children": [ + { + "type": "frame", + "id": "z6oFyw", + "name": "status", + "fill": "#40c05714", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "c5oct", + "name": "dot", + "fill": "$green-4", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "NwMkV", + "name": "sl", + "fill": "$green-4", + "content": "Published", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "H6k4N0", + "name": "c sales", + "width": 80, + "children": [ + { + "type": "text", + "id": "uRCe6", + "name": "x", + "fill": "$text-primary", + "content": "12", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "pMhVF", + "name": "c updated", + "width": 100, + "children": [ + { + "type": "text", + "id": "s5YEp", + "name": "x", + "fill": "$text-dimmed", + "content": "1w ago", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "lZ0Yp", + "name": "c act", + "width": 40, + "justifyContent": "end", + "children": [ + { + "type": "icon", + "id": "IlQhP", + "name": "more", + "width": 18, + "height": 18, + "icon": "ellipsis", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "luPkF", + "name": "row Cosmic Overlay", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 12, + "padding": [ + 12, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "I9IoRJ", + "name": "c item", + "width": "fill_container", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "pzZSD", + "name": "thumb", + "width": 40, + "height": 40, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "kM7Xv", + "name": "ti", + "width": 20, + "height": 20, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "HmTdI", + "name": "itc", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "kKTqv", + "name": "it", + "fill": "$text-white", + "content": "Cosmic Overlay", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "nTTrE", + "name": "is", + "fill": "$text-dimmed", + "content": "Content Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "aXrjT", + "name": "c type", + "width": 130, + "children": [ + { + "type": "text", + "id": "Q9YF8W", + "name": "x", + "fill": "$text-primary", + "content": "Cosmetic", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "pTSdO", + "name": "c price", + "width": 120, + "children": [ + { + "type": "text", + "id": "kJZQJ", + "name": "x", + "fill": "$text-white", + "content": "1,500 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "riEXK", + "name": "c status", + "width": 160, + "children": [ + { + "type": "frame", + "id": "Nv3Ho", + "name": "status", + "fill": "#fa525214", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 4, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "ellipse", + "id": "IUEJe", + "name": "dot", + "fill": "$red-5", + "width": 7, + "height": 7 + }, + { + "type": "text", + "id": "VBXi5", + "name": "sl", + "fill": "$red-5", + "content": "Rejected", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "L6NW7H", + "name": "c sales", + "width": 80, + "children": [ + { + "type": "text", + "id": "H2e6O5", + "name": "x", + "fill": "$text-primary", + "content": "—", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "D4NOCG", + "name": "c updated", + "width": 100, + "children": [ + { + "type": "text", + "id": "nwOQW", + "name": "x", + "fill": "$text-dimmed", + "content": "1d ago", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "r4BgtT", + "name": "c act", + "width": 40, + "justifyContent": "end", + "children": [ + { + "type": "icon", + "id": "Ca5vE", + "name": "more", + "width": 18, + "height": 18, + "icon": "ellipsis", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "rFhYF", + "name": "reject Cosmic Overlay", + "width": "fill_container", + "fill": "#fa52520d", + "stroke": "$border-default", + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "BO1yh", + "name": "ri", + "width": 16, + "height": 16, + "icon": "circle-alert", + "library": "lucide", + "fill": "$red-5" + }, + { + "type": "frame", + "id": "QQjar", + "name": "rc", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "fL7Hk", + "name": "rt", + "fill": "$red-5", + "content": "Rejected by moderator", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "IDAnS", + "name": "rb", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Artwork too similar to an existing badge in the catalog. Please revise the design and resubmit.", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "yfKsY", + "name": "resubmit", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "tEgMh", + "name": "rzi", + "width": 14, + "height": 14, + "icon": "refresh-cw", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "IRqsI", + "name": "rzt", + "fill": "$text-white", + "content": "Edit & resubmit", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "f1QhOe", + "x": 2960, + "y": 1980, + "name": "Moderator — Review Queue", + "clip": true, + "width": 1440, + "height": 900, + "fill": "$bg-body", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "x2GqE1", + "name": "topbar", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 16, + 24 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "KyVqW", + "name": "tl", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "wn1OA", + "name": "si", + "width": 20, + "height": 20, + "icon": "shield-check", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "mtQvQ", + "name": "tt", + "fill": "$text-white", + "content": "Creator Shop · Review Queue", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "P5QjyS", + "name": "pc", + "fill": "#fab00514", + "cornerRadius": "$radius-full", + "padding": [ + 3, + 9 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "W3owe", + "name": "pct", + "fill": "#FCC419", + "content": "8 pending", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "bP90d", + "name": "tr", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XOFwo", + "name": "typeSel", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 8, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "JWi5s", + "name": "ts", + "fill": "$text-primary", + "content": "All types", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "icon", + "id": "OhzSL", + "name": "tsi", + "width": 14, + "height": 14, + "icon": "chevron-down", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "CEyHG", + "name": "bodyRow", + "width": "fill_container", + "height": "fill_container", + "children": [ + { + "type": "frame", + "id": "V5lPSY", + "name": "queue", + "clip": true, + "width": 380, + "height": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "right": 1 + }, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "d0H0W", + "name": "q Neon Halo Frame", + "width": "fill_container", + "fill": "#228be614", + "stroke": "$primary", + "strokeWidth": { + "bottom": 1, + "left": 2 + }, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 12, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "iZZLF", + "name": "th", + "width": 44, + "height": 44, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Nuvsb", + "name": "ti", + "width": 20, + "height": 20, + "icon": "scan", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "gMZjU", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "C23aH", + "name": "qt", + "fill": "$text-white", + "content": "Neon Halo Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "h2gmCA", + "name": "m", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "u7AId", + "name": "who", + "fill": "$text-link", + "content": "@pixelforge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "O0Q5gy", + "name": "ty", + "fill": "$text-dimmed", + "content": "· Cosmetic · Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "dOB0l", + "name": "rc", + "layout": "vertical", + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "xNwkJ", + "name": "pr", + "fill": "$text-white", + "content": "2,500", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "EQkWM", + "name": "wt", + "gap": 3, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "vSO5H", + "name": "wi", + "width": 11, + "height": 11, + "icon": "triangle-alert", + "library": "lucide", + "fill": "#FCC419" + }, + { + "type": "text", + "id": "yklz0", + "name": "wl", + "fill": "$text-dimmed", + "content": "5h", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "oOSub", + "name": "q NeoRealism XL", + "width": "fill_container", + "fill": "#00000000", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 12, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tTC9J", + "name": "th", + "width": 44, + "height": 44, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FF922B", + "position": 0 + }, + { + "color": "#C92A2A", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "mTFpI", + "name": "ti", + "width": 20, + "height": 20, + "icon": "crown", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "JhZug", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "jy3HI", + "name": "qt", + "fill": "$text-white", + "content": "Ember Crown Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "X4V1Yi", + "name": "m", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "qjEEr", + "name": "who", + "fill": "$text-link", + "content": "@emberworks", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "JDu4J", + "name": "ty", + "fill": "$text-dimmed", + "content": "· Cosmetic · Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "nm3sq", + "name": "rc", + "layout": "vertical", + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "kilz0", + "name": "pr", + "fill": "$text-white", + "content": "1,400", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "PnxBM", + "name": "wt", + "gap": 3, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "QuIWJ", + "name": "wi", + "width": 11, + "height": 11, + "icon": "clock-3", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "PmHVs", + "name": "wl", + "fill": "$text-dimmed", + "content": "6h", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "HmNti", + "name": "q Retro Sunset Nameplate", + "width": "fill_container", + "fill": "#00000000", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 12, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jKXHy", + "name": "th", + "width": 44, + "height": 44, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FCC419", + "position": 0 + }, + { + "color": "#F76707", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "WN4Gk", + "name": "ti", + "width": 20, + "height": 20, + "icon": "type", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "RnLxs", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "K8V1Gi", + "name": "qt", + "fill": "$text-white", + "content": "Retro Sunset Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "unwVe", + "name": "m", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "M4xIs", + "name": "who", + "fill": "$text-link", + "content": "@vaporwave", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "eUl2B", + "name": "ty", + "fill": "$text-dimmed", + "content": "· Cosmetic · Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "MuiMy", + "name": "rc", + "layout": "vertical", + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "M3jvT", + "name": "pr", + "fill": "$text-white", + "content": "700", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "rzBqo", + "name": "wt", + "gap": 3, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ylzkM", + "name": "wi", + "width": 11, + "height": 11, + "icon": "clock-3", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "woZlH", + "name": "wl", + "fill": "$text-dimmed", + "content": "9h", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "uF4lU", + "name": "q Holo Sticker Sheet", + "width": "fill_container", + "fill": "#00000000", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 12, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ixO9K", + "name": "th", + "width": 44, + "height": 44, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "aFbAq", + "name": "ti", + "width": 20, + "height": 20, + "icon": "sticker", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "A3VAK5", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "ttQDX", + "name": "qt", + "fill": "$text-white", + "content": "Holo Sticker Sheet", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "k7YrN", + "name": "m", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "JJU0Q", + "name": "who", + "fill": "$text-link", + "content": "@inkdrop", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "Pcs5K", + "name": "ty", + "fill": "$text-dimmed", + "content": "· Merch · Stickers", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "xMUbV", + "name": "rc", + "layout": "vertical", + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "N1ItuN", + "name": "pr", + "fill": "$text-white", + "content": "$12.00", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "tfj9g", + "name": "wt", + "gap": 3, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "iTQzD", + "name": "wi", + "width": 11, + "height": 11, + "icon": "clock-3", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "fPEeZ", + "name": "wl", + "fill": "$text-dimmed", + "content": "11h", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n7ujw", + "name": "q Void Content Frame", + "width": "fill_container", + "fill": "#00000000", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 12, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "oFJHu", + "name": "th", + "width": 44, + "height": 44, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#495057", + "position": 0 + }, + { + "color": "#212529", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "hygeb", + "name": "ti", + "width": 20, + "height": 20, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "wp4Hj", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "j5A5Aw", + "name": "qt", + "fill": "$text-white", + "content": "Void Content Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "d97kY", + "name": "m", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "sNJyi", + "name": "who", + "fill": "$text-link", + "content": "@nightmode", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "zQs9Y", + "name": "ty", + "fill": "$text-dimmed", + "content": "· Cosmetic · Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "wg0BB", + "name": "rc", + "layout": "vertical", + "gap": 4, + "alignItems": "end", + "children": [ + { + "type": "text", + "id": "MJKzh", + "name": "pr", + "fill": "$text-white", + "content": "1,800", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "c1Jpv", + "name": "wt", + "gap": 3, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "bsD3y", + "name": "wi", + "width": 11, + "height": 11, + "icon": "clock-3", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "bbzdM", + "name": "wl", + "fill": "$text-dimmed", + "content": "1d", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "CI9WD", + "name": "detail", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "TW9lP", + "name": "dhead", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "M7Q2G", + "name": "dhc", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "V3B9Ib", + "name": "dtr", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "nXpyl", + "name": "dt", + "fill": "$text-white", + "content": "Neon Halo Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "t3jJrI", + "name": "tchip", + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "padding": [ + 3, + 9 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "EFqpo", + "name": "tct", + "fill": "$text-primary", + "content": "Cosmetic · Avatar Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "SPAJz", + "name": "sub", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "pngAj", + "name": "by", + "fill": "$text-dimmed", + "content": "Submitted by", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "JaqUN", + "name": "who", + "fill": "$text-link", + "content": "@pixelforge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "nS512", + "name": "ago", + "fill": "$text-dimmed", + "content": "· 5 hours ago", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Y9Ln1", + "name": "cRow", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "ZChgR", + "name": "previewPane", + "width": 360, + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "siO5q", + "name": "pv", + "width": "fill_container", + "height": 280, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#1A1B1E", + "position": 0 + }, + { + "color": "#101113", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "MB3x7", + "name": "ps", + "width": 150, + "height": 150, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "stroke": "#ffffff33", + "strokeWidth": 3, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "pbsgi", + "name": "psi", + "width": 60, + "height": 60, + "icon": "scan", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "text", + "id": "lHZLK", + "name": "pcap", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Submitted artwork · 512×512 PNG", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "yBlXG", + "name": "meta", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "defRf", + "name": "money", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "GtTvT", + "name": "m List price", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 6, + "padding": 14, + "children": [ + { + "type": "frame", + "id": "jMQ2M", + "name": "t", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "BtADo", + "name": "i", + "width": 14, + "height": 14, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "Y04loG", + "name": "l", + "fill": "$text-dimmed", + "content": "List price", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "tP9rZ", + "name": "v", + "fill": "$text-white", + "content": "2,500 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "H6TPj", + "name": "m Creator earns", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 6, + "padding": 14, + "children": [ + { + "type": "frame", + "id": "mjGAO", + "name": "t", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jRJhb", + "name": "i", + "width": 14, + "height": 14, + "icon": "trending-up", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "o7k1Xm", + "name": "l", + "fill": "$text-dimmed", + "content": "Creator earns", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "wxRLu", + "name": "v", + "fill": "$text-white", + "content": "1,750 Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "LW7XS", + "name": "m Submission fee", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 6, + "padding": 14, + "children": [ + { + "type": "frame", + "id": "Rvfqx", + "name": "t", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "kHvU2", + "name": "i", + "width": 14, + "height": 14, + "icon": "check", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "LBflk", + "name": "l", + "fill": "$text-dimmed", + "content": "Submission fee", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "l13BJ", + "name": "v", + "fill": "$text-white", + "content": "1,000 Buzz · Paid", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "vfowZ", + "name": "checksCard", + "clip": true, + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "kFzDC", + "name": "ch", + "width": "fill_container", + "fill": "#1f2024", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 10, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "HglnI", + "name": "chi", + "width": 15, + "height": 15, + "icon": "scan-line", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "xDmb7", + "name": "cht", + "fill": "$text-white", + "content": "Automated checks", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "M4Soe", + "name": "cr 0", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 9, + "padding": [ + 9, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "aSmjV", + "name": "ci", + "width": 16, + "height": 16, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "DdcUo", + "name": "cl", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Resolution ≥ 512×512px", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "os9mN", + "name": "cr 1", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 9, + "padding": [ + 9, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "VWgDw", + "name": "ci", + "width": 16, + "height": 16, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "jZyH7", + "name": "cl", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Transparent background (PNG)", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "zxtlF", + "name": "cr 2", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 9, + "padding": [ + 9, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "I2yzN", + "name": "ci", + "width": 16, + "height": 16, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "K5KnM", + "name": "cl", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Automated content scan", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "eCGax", + "name": "cr 3", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 9, + "padding": [ + 9, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "x31oDh", + "name": "ci", + "width": 16, + "height": 16, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "CjZ20", + "name": "cl", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Price within range (500–50k Buzz)", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "FI3Lu", + "name": "cr 4", + "width": "fill_container", + "stroke": "$border-default", + "strokeAlignment": "inner", + "gap": 9, + "padding": [ + 9, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Ccm02", + "name": "ci", + "width": 16, + "height": 16, + "icon": "triangle-alert", + "library": "lucide", + "fill": "#FCC419" + }, + { + "type": "text", + "id": "yECfF", + "name": "cl", + "fill": "$text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Similarity / duplicate check", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "X0Rz07", + "name": "cw", + "fill": "#FCC419", + "content": "Similar to 1 existing badge", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ykqRP", + "name": "flags", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "U3E6H", + "name": "fh", + "fill": "$text-white", + "content": "Flag concerns", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "HkARh", + "name": "fr", + "width": "fill_container", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "k3Nggx", + "name": "flag Copyright / IP", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "uRuyx", + "name": "fi", + "width": 14, + "height": 14, + "icon": "copyright", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "j8jDyq", + "name": "ft", + "fill": "$text-primary", + "content": "Copyright / IP", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "I7Nrni", + "name": "flag Pricing", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "rnXI9", + "name": "fi", + "width": 14, + "height": 14, + "icon": "tag", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "FSF7A", + "name": "ft", + "fill": "$text-primary", + "content": "Pricing", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "M36Mq", + "name": "flag Visual quality", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ztyQi", + "name": "fi", + "width": 14, + "height": 14, + "icon": "image-off", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "z6MI5q", + "name": "ft", + "fill": "$text-primary", + "content": "Visual quality", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "PcOk9", + "name": "flag NSFW", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 7, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "dA0CL", + "name": "fi", + "width": 14, + "height": 14, + "icon": "eye-off", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "toPz5", + "name": "ft", + "fill": "$text-primary", + "content": "NSFW", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "g5dE2r", + "name": "actions", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "top": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 16, + 0, + 0, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "lGMDZ", + "name": "reason", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 8, + "padding": [ + 10, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "VzKuB", + "name": "rl", + "fill": "$text-muted", + "content": "Rejection reason…", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "icon", + "id": "lVm3W", + "name": "ri", + "width": 14, + "height": 14, + "icon": "chevron-down", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + }, + { + "type": "frame", + "id": "KKEWr", + "name": "abtns", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "RGOQl", + "name": "reqBtn", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "J9Shk", + "name": "rqt", + "fill": "$text-white", + "content": "Request changes", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "DSFvz", + "name": "rejBtn", + "fill": "#fa525214", + "cornerRadius": "$radius-md", + "stroke": "$red-5", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "QyMU5", + "name": "rji", + "width": 15, + "height": 15, + "icon": "x", + "library": "lucide", + "fill": "$red-5" + }, + { + "type": "text", + "id": "DeG8j", + "name": "rjt", + "fill": "$red-5", + "content": "Reject", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "rl1TE", + "name": "appBtn", + "fill": "#000000", + "cornerRadius": "$radius-md", + "gap": 6, + "padding": [ + 10, + 18 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "I57oL", + "name": "api", + "width": 16, + "height": 16, + "icon": "check", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "YYufZ", + "name": "apt", + "fill": "$text-white", + "content": "Approve & Publish", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "UXrLu", + "x": 4520, + "y": 1980, + "name": "Owner — Shop Settings (Modal)", + "clip": true, + "width": 1240, + "height": 1000, + "fill": "#08090ae6", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "u4zPJo", + "name": "panel", + "clip": true, + "width": 660, + "fill": "$bg-surface", + "cornerRadius": "$radius-lg", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "o8cX5G", + "name": "header", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 18, + 24 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "PV1pv", + "name": "phl", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Rsx6F", + "name": "gi", + "width": 18, + "height": 18, + "icon": "settings", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "R1nKaW", + "name": "pt", + "fill": "$text-white", + "content": "Shop settings", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "vfOYg", + "name": "close", + "width": 28, + "height": 28, + "fill": "#ffffff0d", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "K3wLU", + "name": "ci", + "width": 16, + "height": 16, + "icon": "x", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "EWwj3", + "name": "body", + "width": "fill_container", + "layout": "vertical", + "gap": 26, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "Eoe4h", + "name": "g1", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "SQOFk", + "name": "gl", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "RpsBB", + "name": "t", + "fill": "$text-white", + "content": "Section order", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "TajM3", + "name": "s", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Drag to reorder how sections appear on your shop.", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "i2DmR", + "name": "list", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "Ixwwp", + "name": "srow Featured", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 11, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "K24jE", + "name": "grip", + "width": 16, + "height": 16, + "icon": "grip-vertical", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "icon", + "id": "uo5fH", + "name": "ic", + "width": 16, + "height": 16, + "icon": "star", + "library": "lucide", + "fill": "$yellow-4" + }, + { + "type": "frame", + "id": "jKiTy", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "JjeGD", + "name": "n", + "fill": "$text-white", + "content": "Featured", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "ghxm1", + "name": "sw", + "width": 38, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "padding": 2, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "l7vqY", + "name": "knob", + "width": 18, + "height": 18, + "fill": "$text-white", + "cornerRadius": "$radius-full" + } + ] + } + ] + }, + { + "type": "frame", + "id": "FPKWj", + "name": "srow Cosmetics", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 11, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "NSGLz", + "name": "grip", + "width": 16, + "height": 16, + "icon": "grip-vertical", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "icon", + "id": "UnNhc", + "name": "ic", + "width": 16, + "height": 16, + "icon": "award", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "frame", + "id": "zJ2zb", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "En9rq", + "name": "n", + "fill": "$text-white", + "content": "Cosmetics", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "lw8NO", + "name": "sw", + "width": 38, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "padding": 2, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "NWCQ1", + "name": "knob", + "width": 18, + "height": 18, + "fill": "$text-white", + "cornerRadius": "$radius-full" + } + ] + } + ] + }, + { + "type": "frame", + "id": "x74Mg", + "name": "srow Merch", + "opacity": 0.6, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 11, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "fOlxq", + "name": "grip", + "width": 16, + "height": 16, + "icon": "grip-vertical", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "icon", + "id": "AmRY9", + "name": "ic", + "width": 16, + "height": 16, + "icon": "shopping-bag", + "library": "lucide", + "fill": "$text-muted" + }, + { + "type": "frame", + "id": "N7zC6i", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "af0b9", + "name": "n", + "fill": "$text-white", + "content": "Merch", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "AT3GP", + "name": "soon", + "fill": "#fab00514", + "cornerRadius": "$radius-full", + "padding": [ + 3, + 9 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GSpis", + "name": "st", + "fill": "#FCC419", + "content": "Coming soon", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "endU1", + "name": "srow Models", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 11, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Vys7K", + "name": "grip", + "width": 16, + "height": 16, + "icon": "grip-vertical", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "icon", + "id": "ch8E3", + "name": "ic", + "width": 16, + "height": 16, + "icon": "box", + "library": "lucide", + "fill": "#F783AC" + }, + { + "type": "frame", + "id": "lpUGe", + "name": "col", + "width": "fill_container", + "layout": "vertical", + "gap": 1, + "children": [ + { + "type": "text", + "id": "XSFQq", + "name": "n", + "fill": "$text-white", + "content": "Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "ytbCm", + "name": "sub", + "fill": "$text-dimmed", + "content": "Auto-filled from your early & paid access models", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "fcIun", + "name": "sw", + "width": 38, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "padding": 2, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "NkTtG", + "name": "knob", + "width": 18, + "height": 18, + "fill": "$text-white", + "cornerRadius": "$radius-full" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Nkg8L", + "name": "g2", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "sGNZ0", + "name": "gl", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "Ni27K", + "name": "t", + "fill": "$text-white", + "content": "Featured cosmetics", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "Jyjgv", + "name": "s", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Highlighted at the top of your shop. Choose up to 6.", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "sVV1b", + "name": "featRow", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "NqRF9", + "name": "ft", + "width": 76, + "height": 76, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "PchJ6", + "name": "i", + "width": 30, + "height": 30, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "Q7Mr89", + "layoutPosition": "absolute", + "x": 56, + "y": 4, + "name": "rm", + "width": 20, + "height": 20, + "fill": "#101113e6", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "mqHSy", + "name": "rmi", + "width": 12, + "height": 12, + "icon": "x", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "P3Pfo", + "name": "ft", + "width": 76, + "height": 76, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "k7qtyH", + "name": "i", + "width": 30, + "height": 30, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "W4OUc", + "layoutPosition": "absolute", + "x": 56, + "y": 4, + "name": "rm", + "width": 20, + "height": 20, + "fill": "#101113e6", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jcCb2", + "name": "rmi", + "width": 12, + "height": 12, + "icon": "x", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "qhXao", + "name": "ft", + "width": 76, + "height": 76, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#63E6BE", + "position": 0 + }, + { + "color": "#0CA678", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "LJx9v", + "name": "i", + "width": 30, + "height": 30, + "icon": "cpu", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "wfcSQ", + "layoutPosition": "absolute", + "x": 56, + "y": 4, + "name": "rm", + "width": 20, + "height": 20, + "fill": "#101113e6", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "yaRjg", + "name": "rmi", + "width": 12, + "height": 12, + "icon": "x", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ssnx4", + "name": "addFeat", + "width": 76, + "height": 76, + "cornerRadius": "$radius-md", + "stroke": "#4a4d54", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 4, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "WbVZK", + "name": "ai", + "width": 20, + "height": 20, + "icon": "plus", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "W5j5TG", + "name": "at", + "fill": "$text-dimmed", + "content": "Add", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "CkfNW", + "name": "g3", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "frame", + "id": "Cq3E9", + "name": "gl", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "text", + "id": "emQBm", + "name": "t", + "fill": "$text-white", + "content": "Models section", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "U8zJt6", + "name": "s", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "bTxlp", + "name": "modelsCard", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 12, + "padding": 14, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "s18CY", + "name": "mci", + "width": 36, + "height": 36, + "fill": "#228be614", + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "HEtmP", + "name": "i", + "width": 18, + "height": 18, + "icon": "box", + "library": "lucide", + "fill": "$blue-4" + } + ] + }, + { + "type": "frame", + "id": "JyFit", + "name": "mcc", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "V3u8F", + "name": "t", + "fill": "$text-white", + "content": "Show Models section", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "text", + "id": "YIAk9", + "name": "s", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Automatically list your early access & paid access models in your shop.", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "n3V9bE", + "name": "sw", + "width": 38, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "padding": 2, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Bkyd5", + "name": "knob", + "width": 18, + "height": 18, + "fill": "$text-white", + "cornerRadius": "$radius-full" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "CI6j8", + "name": "footer", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "top": 1 + }, + "strokeAlignment": "inner", + "gap": 10, + "padding": [ + 16, + 24 + ], + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "DccwB", + "name": "cancel", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 10, + 18 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "zE6Rh", + "name": "t", + "fill": "$text-white", + "content": "Cancel", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "T98xY", + "name": "save", + "fill": "$primary", + "cornerRadius": "$radius-md", + "padding": [ + 10, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "fQCMy", + "name": "t", + "fill": "$text-white", + "content": "Save changes", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "k66kH", + "x": 0, + "y": 4282, + "name": "Storefront — Owner Empty (First Run)", + "clip": true, + "width": 1600, + "fill": "$bg-body", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "LSe7P", + "name": "siteHeader", + "width": "fill_container", + "height": 56, + "fill": "#141517", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 0, + 20 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "IAirP", + "name": "thL", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "nXANX", + "name": "logo", + "fill": "$text-white", + "content": "CIVITAI", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold", + "letterSpacing": 1 + }, + { + "type": "frame", + "id": "Aa9IZ", + "name": "proChip", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#7048E8", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-sm", + "padding": [ + 2, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Ubvl3", + "name": "proT", + "fill": "$text-white", + "content": "Pro", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "qHkKX", + "name": "search", + "width": 420, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "gap": 8, + "padding": [ + 8, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ajOWg", + "name": "si", + "width": 16, + "height": 16, + "icon": "search", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "x5gO1w", + "name": "sp", + "fill": "$text-muted", + "content": "Search Civitai", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "pQrNx", + "name": "thR", + "gap": 14, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "VSgGx", + "name": "createBtn", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "dRXzP", + "name": "ci", + "width": 15, + "height": 15, + "icon": "sparkles", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "hvwKd", + "name": "ct", + "fill": "$blue-4", + "content": "Create", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "s60vvT", + "name": "bell", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "kTn1u", + "name": "bi", + "width": 19, + "height": 19, + "icon": "bell", + "library": "lucide", + "fill": "$text-primary" + }, + { + "type": "frame", + "id": "ax2vq", + "name": "bc", + "fill": "$red-5", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "l18hK", + "name": "bct", + "fill": "$text-white", + "content": "42", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "g9qCC", + "name": "buzzBal", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "a1smKT", + "name": "bz", + "width": 16, + "height": 16, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "BZNav", + "name": "bzt", + "fill": "$buzz", + "content": "7K", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "K64cv1", + "name": "navAvatar", + "width": 30, + "height": 30, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full" + } + ] + } + ] + }, + { + "type": "frame", + "id": "MqYjc", + "name": "bodyRow", + "width": "fill_container", + "children": [ + { + "type": "frame", + "id": "TKlNr", + "name": "sidebar", + "width": 300, + "fill": "$bg-body", + "stroke": "$border-default", + "strokeWidth": { + "right": 1 + }, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "PnGUU", + "name": "avatarWrap", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mQhcn", + "name": "avatar", + "width": 128, + "height": 128, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "stroke": "#9775FA", + "strokeWidth": 3, + "strokeAlignment": "outer", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#9775fa80", + "blur": 16 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "eNvDg", + "name": "avT", + "fill": "$text-white", + "content": "PF", + "fontFamily": "Inter", + "fontSize": "$font-size-3xl", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "wIyqC", + "name": "unmeRow", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ckfdl", + "name": "uname", + "fill": "#F783AC", + "content": "PixelForge", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "icon", + "id": "YxESm", + "name": "ubadge", + "width": 16, + "height": 16, + "icon": "badge-check", + "library": "lucide", + "fill": "$gold-9" + } + ] + }, + { + "type": "text", + "id": "Lg9B0", + "name": "joined", + "fill": "$text-primary", + "content": "Joined Dec 18, 2022", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "UFXZz", + "name": "uid", + "fill": "$text-dimmed", + "content": "User ID: 18085", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "xvs6E", + "name": "followBtn", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 10, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Bk9Go", + "name": "fi", + "width": 16, + "height": 16, + "icon": "plus", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "LkYxW", + "name": "ft", + "fill": "$text-white", + "content": "Follow", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "k4zw7", + "name": "sd1", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "frame", + "id": "HhlXo", + "name": "followers", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "uibvY", + "name": "pi", + "width": 18, + "height": 18, + "icon": "users", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "frame", + "id": "CETlp", + "name": "follCol", + "layout": "vertical", + "children": [ + { + "type": "text", + "id": "Vusq7", + "name": "fnum", + "fill": "$text-white", + "content": "1.2K", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "sTIMf", + "name": "flbl", + "fill": "$text-dimmed", + "content": "FOLLOWERS", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "yR1t8", + "name": "sd2", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "text", + "id": "WJGRK", + "name": "badgesH", + "fill": "$text-white", + "content": "Badges", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "OMGEe", + "name": "brow0", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "uMA9D", + "name": "badge0", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "LdsdJ", + "name": "bic", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "vBurm", + "name": "badge1", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "sIQKh", + "name": "bic", + "width": 22, + "height": 22, + "icon": "shield", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "C0Rh22", + "name": "badge2", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "GN2Lu", + "name": "bic", + "width": 22, + "height": 22, + "icon": "star", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "SQ5H5", + "name": "badge3", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "W0Kfo", + "name": "bic", + "width": 22, + "height": 22, + "icon": "gem", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "I5m05", + "name": "brow4", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "nOeIy", + "name": "badge4", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#69DB7C", + "position": 0 + }, + { + "color": "#2B8A3E", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "okHp3", + "name": "bic", + "width": 22, + "height": 22, + "icon": "crown", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "KGIql", + "name": "badge5", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "xvbOY", + "name": "bic", + "width": 22, + "height": 22, + "icon": "medal", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "NRITW", + "name": "badge6", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FCC419", + "position": 0 + }, + { + "color": "#F08C00", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "U9F8S3", + "name": "bic", + "width": 22, + "height": 22, + "icon": "flame", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "dmJzg", + "name": "badge7", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#748FFC", + "position": 0 + }, + { + "color": "#3B5BDB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "fucmF", + "name": "bic", + "width": 22, + "height": 22, + "icon": "hexagon", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "NzQym", + "name": "brow8", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "dGkz4", + "name": "badge8", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "V2ObE", + "name": "bic", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "iWw7P", + "name": "badge9", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jzB9E", + "name": "bic", + "width": 22, + "height": 22, + "icon": "shield", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "RBxij", + "name": "badge10", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "AuKx8", + "name": "bic", + "width": 22, + "height": 22, + "icon": "star", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "Q5cCLR", + "name": "badge11", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "u3OVW", + "name": "bic", + "width": 22, + "height": 22, + "icon": "gem", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "rPhyE", + "name": "showAll", + "width": "fill_container", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 9, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ba90c", + "name": "sat", + "fill": "$text-primary", + "content": "Show all (48)", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "u3Ddc", + "name": "main", + "width": "fill_container", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "VtEHe", + "name": "tabNav", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 2, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "p0tDK3", + "name": "tab Overview", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "RI9FQ", + "name": "ti", + "width": 16, + "height": 16, + "icon": "layout-dashboard", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "lX1ys", + "name": "tt", + "fill": "$text-dimmed", + "content": "Overview", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "u03Ao", + "name": "tab Models", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "tdD7r", + "name": "ti", + "width": 16, + "height": 16, + "icon": "box", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "wJ08P", + "name": "tt", + "fill": "$text-dimmed", + "content": "Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "DNYYV", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "jQHNm", + "name": "ccn", + "fill": "$text-dimmed", + "content": "340", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "rasoY", + "name": "tab Posts", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "TupzS", + "name": "ti", + "width": 16, + "height": 16, + "icon": "file-text", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "O2qbU2", + "name": "tt", + "fill": "$text-dimmed", + "content": "Posts", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "F5pVSv", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "wxIfX", + "name": "ccn", + "fill": "$text-dimmed", + "content": "45", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "M81fO", + "name": "tab Images", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "I8FCLP", + "name": "ti", + "width": 16, + "height": 16, + "icon": "image", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "Fg8Wu", + "name": "tt", + "fill": "$text-dimmed", + "content": "Images", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "i6bw5", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GD7GC", + "name": "ccn", + "fill": "$text-dimmed", + "content": "68", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "mcDhG", + "name": "tab Videos", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "pG5xn", + "name": "ti", + "width": 16, + "height": 16, + "icon": "video", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "CjWet", + "name": "tt", + "fill": "$text-dimmed", + "content": "Videos", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "C1odm", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "PB2aX", + "name": "ccn", + "fill": "$text-dimmed", + "content": "11", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "D7j1Q", + "name": "tab 3D Models", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "qceHX", + "name": "ti", + "width": 16, + "height": 16, + "icon": "boxes", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "GiIFI", + "name": "tt", + "fill": "$text-dimmed", + "content": "3D Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "t7DzU", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "jCLCY", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "QbjGg", + "name": "tab Articles", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ShGRV", + "name": "ti", + "width": 16, + "height": 16, + "icon": "newspaper", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "eKrwV", + "name": "tt", + "fill": "$text-dimmed", + "content": "Articles", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "UKa4M", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "PysYs", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "zpwx2", + "name": "tab Comics", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "o4ZZi3", + "name": "ti", + "width": 16, + "height": 16, + "icon": "book-open", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "EaAcY", + "name": "tt", + "fill": "$text-dimmed", + "content": "Comics", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "S4QmpA", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "dx859", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "mCJUk", + "name": "tab Collections", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "LKPky", + "name": "ti", + "width": 16, + "height": 16, + "icon": "bookmark", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "zAFdf", + "name": "tt", + "fill": "$text-dimmed", + "content": "Collections", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "f9WMC7", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "UZoG8", + "name": "ccn", + "fill": "$text-dimmed", + "content": "1", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "z5zrj", + "name": "tab Shop", + "stroke": "$primary", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "NfFpP", + "name": "ti", + "width": 16, + "height": 16, + "icon": "shopping-bag", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "hr62I", + "name": "tt", + "fill": "$text-white", + "content": "Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "F6h4Ri", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gQlnR", + "name": "ccn", + "fill": "$text-dimmed", + "content": "12", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "DQq2S", + "name": "content", + "width": "fill_container", + "layout": "vertical", + "gap": 20, + "padding": [ + 20, + 24 + ], + "children": [ + { + "type": "text", + "id": "C3kGb4", + "name": "sh", + "fill": "$text-white", + "content": "Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "BzARy", + "name": "emptyState", + "width": "fill_container", + "fill": "$bg-surface", + "cornerRadius": "$radius-lg", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 16, + "padding": [ + 72, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "h0D0k", + "name": "ic", + "width": 76, + "height": 76, + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "e0Nm3m", + "name": "i", + "width": 34, + "height": 34, + "icon": "store", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + }, + { + "type": "text", + "id": "URbDE", + "name": "t", + "fill": "$text-white", + "content": "Your shop is empty", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "RF5Nx", + "name": "s", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": 460, + "content": "List cosmetics for your fans to collect and buy with Buzz. Submit your first item to open your shop.", + "lineHeight": 1.5, + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "QY1Lb", + "name": "cta", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 7, + "padding": [ + 11, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "asgvm", + "name": "ci", + "width": 16, + "height": 16, + "icon": "plus", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "mmBYN", + "name": "ct", + "fill": "$text-white", + "content": "Submit an item", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "K6olQw", + "name": "steps", + "gap": 12, + "padding": [ + 16, + 0, + 0, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tYpxf", + "name": "step Submit", + "width": 200, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "layout": "vertical", + "gap": 6, + "padding": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "qGWpO", + "name": "sc", + "width": 34, + "height": 34, + "fill": "#228be614", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "HUV2i", + "name": "si", + "width": 17, + "height": 17, + "icon": "upload", + "library": "lucide", + "fill": "$blue-4" + } + ] + }, + { + "type": "text", + "id": "KunX9", + "name": "stt", + "fill": "$text-white", + "content": "Submit", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "T3egM", + "name": "sts", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Upload art & set a Buzz price", + "lineHeight": 1.4, + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "icon", + "id": "cveyd", + "name": "arrow0", + "width": 16, + "height": 16, + "icon": "arrow-right", + "library": "lucide", + "fill": "$text-muted" + }, + { + "type": "frame", + "id": "GalbA", + "name": "step Review", + "width": 200, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "layout": "vertical", + "gap": 6, + "padding": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "hct8W", + "name": "sc", + "width": 34, + "height": 34, + "fill": "#228be614", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "SbQ8s", + "name": "si", + "width": 17, + "height": 17, + "icon": "shield-check", + "library": "lucide", + "fill": "$blue-4" + } + ] + }, + { + "type": "text", + "id": "Q08eyO", + "name": "stt", + "fill": "$text-white", + "content": "Review", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "HGKCl", + "name": "sts", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "We check it within 24–48h", + "lineHeight": 1.4, + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "icon", + "id": "cfnZc", + "name": "arrow1", + "width": 16, + "height": 16, + "icon": "arrow-right", + "library": "lucide", + "fill": "$text-muted" + }, + { + "type": "frame", + "id": "eJZXk", + "name": "step Earn", + "width": 200, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "layout": "vertical", + "gap": 6, + "padding": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dMKBv", + "name": "sc", + "width": 34, + "height": 34, + "fill": "#228be614", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "I4od7V", + "name": "si", + "width": 17, + "height": 17, + "icon": "trending-up", + "library": "lucide", + "fill": "$blue-4" + } + ] + }, + { + "type": "text", + "id": "yzlrE", + "name": "stt", + "fill": "$text-white", + "content": "Earn", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "x819rj", + "name": "sts", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Keep 70% of every sale", + "lineHeight": 1.4, + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "g0mEay", + "x": 1780, + "y": 4282, + "name": "Storefront — Non-member Gate", + "clip": true, + "width": 1600, + "fill": "$bg-body", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "TAQU4", + "name": "siteHeader", + "width": "fill_container", + "height": 56, + "fill": "#141517", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 0, + 20 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "N71j3", + "name": "thL", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GXxO6", + "name": "logo", + "fill": "$text-white", + "content": "CIVITAI", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold", + "letterSpacing": 1 + }, + { + "type": "frame", + "id": "bZGDE", + "name": "proChip", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#7048E8", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-sm", + "padding": [ + 2, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "FSglJ", + "name": "proT", + "fill": "$text-white", + "content": "Pro", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "j3nm4P", + "name": "search", + "width": 420, + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "gap": 8, + "padding": [ + 8, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "o5LFl2", + "name": "si", + "width": 16, + "height": 16, + "icon": "search", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "KRslk", + "name": "sp", + "fill": "$text-muted", + "content": "Search Civitai", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "IOJZO", + "name": "thR", + "gap": 14, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "O7sWb", + "name": "createBtn", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 8, + 14 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "hc1vz", + "name": "ci", + "width": 15, + "height": 15, + "icon": "sparkles", + "library": "lucide", + "fill": "$blue-4" + }, + { + "type": "text", + "id": "NDaLF", + "name": "ct", + "fill": "$blue-4", + "content": "Create", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "uZDBU", + "name": "bell", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ebITl", + "name": "bi", + "width": 19, + "height": 19, + "icon": "bell", + "library": "lucide", + "fill": "$text-primary" + }, + { + "type": "frame", + "id": "qqtr4", + "name": "bc", + "fill": "$red-5", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "qmjDa", + "name": "bct", + "fill": "$text-white", + "content": "42", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "BGj7Y", + "name": "buzzBal", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "n9BAQs", + "name": "bz", + "width": 16, + "height": 16, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "ZtcYP", + "name": "bzt", + "fill": "$buzz", + "content": "7K", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "frame", + "id": "QX4KZ", + "name": "navAvatar", + "width": 30, + "height": 30, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full" + } + ] + } + ] + }, + { + "type": "frame", + "id": "Amdva", + "name": "bodyRow", + "width": "fill_container", + "children": [ + { + "type": "frame", + "id": "Fv0PG", + "name": "sidebar", + "width": 300, + "fill": "$bg-body", + "stroke": "$border-default", + "strokeWidth": { + "right": 1 + }, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "iu22B", + "name": "avatarWrap", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ufDNB", + "name": "avatar", + "width": 128, + "height": 128, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F59F00", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "stroke": "#9775FA", + "strokeWidth": 3, + "strokeAlignment": "outer", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#9775fa80", + "blur": 16 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "h2VkCa", + "name": "avT", + "fill": "$text-white", + "content": "PF", + "fontFamily": "Inter", + "fontSize": "$font-size-3xl", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "pn69m", + "name": "unmeRow", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "H63AIy", + "name": "uname", + "fill": "#F783AC", + "content": "PixelForge", + "fontFamily": "Inter", + "fontSize": "$font-size-xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "icon", + "id": "F9Mxc", + "name": "ubadge", + "width": 16, + "height": 16, + "icon": "badge-check", + "library": "lucide", + "fill": "$gold-9" + } + ] + }, + { + "type": "text", + "id": "nPpQo", + "name": "joined", + "fill": "$text-primary", + "content": "Joined Dec 18, 2022", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "text", + "id": "d5xqBE", + "name": "uid", + "fill": "$text-dimmed", + "content": "User ID: 18085", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "ACYS9", + "name": "followBtn", + "width": "fill_container", + "fill": "$primary", + "cornerRadius": "$radius-full", + "gap": 6, + "padding": [ + 10, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "IlAQY", + "name": "fi", + "width": 16, + "height": 16, + "icon": "plus", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "p4jEi", + "name": "ft", + "fill": "$text-white", + "content": "Follow", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "geRHJ", + "name": "sd1", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "frame", + "id": "dbhtV", + "name": "followers", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "mWPOi", + "name": "pi", + "width": 18, + "height": 18, + "icon": "users", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "frame", + "id": "G516U", + "name": "follCol", + "layout": "vertical", + "children": [ + { + "type": "text", + "id": "TgS8F", + "name": "fnum", + "fill": "$text-white", + "content": "1.2K", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "VkQXI", + "name": "flbl", + "fill": "$text-dimmed", + "content": "FOLLOWERS", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold", + "letterSpacing": 0.5 + } + ] + } + ] + }, + { + "type": "frame", + "id": "HXzEt", + "name": "sd2", + "width": "fill_container", + "height": 1, + "fill": "$border-default" + }, + { + "type": "text", + "id": "DqthH", + "name": "badgesH", + "fill": "$text-white", + "content": "Badges", + "fontFamily": "Inter", + "fontSize": "$font-size-md", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "d3BG7x", + "name": "brow0", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "ZecJK", + "name": "badge0", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "dMUSo", + "name": "bic", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "atMN9", + "name": "badge1", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "xNsyY", + "name": "bic", + "width": 22, + "height": 22, + "icon": "shield", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "ZK1IX", + "name": "badge2", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ZeXc4", + "name": "bic", + "width": 22, + "height": 22, + "icon": "star", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "gvKJV", + "name": "badge3", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "gHDdT", + "name": "bic", + "width": 22, + "height": 22, + "icon": "gem", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "QOaNO", + "name": "brow4", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "ZQmCq", + "name": "badge4", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#69DB7C", + "position": 0 + }, + { + "color": "#2B8A3E", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "hftlT", + "name": "bic", + "width": 22, + "height": 22, + "icon": "crown", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "e3UfVF", + "name": "badge5", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "bpXXn", + "name": "bic", + "width": 22, + "height": 22, + "icon": "medal", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "LE8rb", + "name": "badge6", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FCC419", + "position": 0 + }, + { + "color": "#F08C00", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "awOZx", + "name": "bic", + "width": 22, + "height": 22, + "icon": "flame", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "T0s4O", + "name": "badge7", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#748FFC", + "position": 0 + }, + { + "color": "#3B5BDB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jcRQt", + "name": "bic", + "width": 22, + "height": 22, + "icon": "hexagon", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "u5v794", + "name": "brow8", + "width": "fill_container", + "gap": 8, + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "SO3Le", + "name": "badge8", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ELBzo", + "name": "bic", + "width": 22, + "height": 22, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "t4s9XJ", + "name": "badge9", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#4DABF7", + "position": 0 + }, + { + "color": "#1864AB", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "GxFCA", + "name": "bic", + "width": 22, + "height": 22, + "icon": "shield", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "KkLs8", + "name": "badge10", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "I87SvB", + "name": "bic", + "width": 22, + "height": 22, + "icon": "star", + "library": "lucide", + "fill": "$text-white" + } + ] + }, + { + "type": "frame", + "id": "X4VmE", + "name": "badge11", + "width": 52, + "height": 52, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-md", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "EDZts", + "name": "bic", + "width": 22, + "height": 22, + "icon": "gem", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "VE8pt", + "name": "showAll", + "width": "fill_container", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 9, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Xgim1", + "name": "sat", + "fill": "$text-primary", + "content": "Show all (48)", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + }, + { + "type": "frame", + "id": "rznXb", + "name": "main", + "width": "fill_container", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "QOg9m", + "name": "tabNav", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "gap": 2, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tqaQT", + "name": "tab Overview", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "DSyel", + "name": "ti", + "width": 16, + "height": 16, + "icon": "layout-dashboard", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "V7dORO", + "name": "tt", + "fill": "$text-dimmed", + "content": "Overview", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "b3O4L6", + "name": "tab Models", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "zqxCm", + "name": "ti", + "width": 16, + "height": 16, + "icon": "box", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "DA4UP", + "name": "tt", + "fill": "$text-dimmed", + "content": "Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "khVCw", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Sty4L", + "name": "ccn", + "fill": "$text-dimmed", + "content": "340", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "IkHPf", + "name": "tab Posts", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "K2ufC9", + "name": "ti", + "width": 16, + "height": 16, + "icon": "file-text", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "j8Kap", + "name": "tt", + "fill": "$text-dimmed", + "content": "Posts", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "l5m4g", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "sksXl", + "name": "ccn", + "fill": "$text-dimmed", + "content": "45", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "vGBTr", + "name": "tab Images", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "jJ2HU", + "name": "ti", + "width": 16, + "height": 16, + "icon": "image", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "Dnu4B", + "name": "tt", + "fill": "$text-dimmed", + "content": "Images", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "jXVUV", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "R57Tl", + "name": "ccn", + "fill": "$text-dimmed", + "content": "68", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "eiS3H", + "name": "tab Videos", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "ZH79Q", + "name": "ti", + "width": 16, + "height": 16, + "icon": "video", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "ufVGa", + "name": "tt", + "fill": "$text-dimmed", + "content": "Videos", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "w323Qf", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "GATch", + "name": "ccn", + "fill": "$text-dimmed", + "content": "11", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "yAN3V", + "name": "tab 3D Models", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "DssU9", + "name": "ti", + "width": 16, + "height": 16, + "icon": "boxes", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "UTUbo", + "name": "tt", + "fill": "$text-dimmed", + "content": "3D Models", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "VXmOo", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "fJLZF", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "J9QiMK", + "name": "tab Articles", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "gSR0g", + "name": "ti", + "width": 16, + "height": 16, + "icon": "newspaper", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "IuUUV", + "name": "tt", + "fill": "$text-dimmed", + "content": "Articles", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "KcM6b", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "MNRoD", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "T0cz5", + "name": "tab Comics", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "m1p80", + "name": "ti", + "width": 16, + "height": 16, + "icon": "book-open", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "l5QxvN", + "name": "tt", + "fill": "$text-dimmed", + "content": "Comics", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "GIdtX", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Mnw3t", + "name": "ccn", + "fill": "$text-dimmed", + "content": "0", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "noNmH", + "name": "tab Collections", + "stroke": "#00000000", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "g2ofTC", + "name": "ti", + "width": 16, + "height": 16, + "icon": "bookmark", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "fzFfz", + "name": "tt", + "fill": "$text-dimmed", + "content": "Collections", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + }, + { + "type": "frame", + "id": "nb4DO", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "g9ibRQ", + "name": "ccn", + "fill": "$text-dimmed", + "content": "1", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "fgM3i", + "name": "tab Shop", + "stroke": "$primary", + "strokeWidth": { + "bottom": 2 + }, + "strokeAlignment": "inner", + "gap": 6, + "padding": [ + 16, + 10 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "U7lvH", + "name": "ti", + "width": 16, + "height": 16, + "icon": "shopping-bag", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "cg7bE", + "name": "tt", + "fill": "$text-white", + "content": "Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "WSa70", + "name": "cc", + "fill": "$bg-surface", + "cornerRadius": "$radius-full", + "padding": [ + 1, + 6 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "i3hC3U", + "name": "ccn", + "fill": "$text-dimmed", + "content": "12", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "PIGsm", + "name": "content", + "width": "fill_container", + "layout": "vertical", + "gap": 20, + "padding": [ + 20, + 24 + ], + "children": [ + { + "type": "text", + "id": "WzPB1", + "name": "sh", + "fill": "$text-white", + "content": "Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "frame", + "id": "Mv9F5", + "name": "gate", + "width": "fill_container", + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 160, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#25262B", + "position": 0 + }, + { + "color": "#1c1d22", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-lg", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "gap": 14, + "padding": [ + 64, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "xEP8M", + "name": "ic", + "width": 80, + "height": 80, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFE066", + "position": 0 + }, + { + "color": "#F08C00", + "position": 1 + } + ] + }, + "cornerRadius": "$radius-full", + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#f08c0066", + "blur": 24 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "VUvhJ", + "name": "i", + "width": 36, + "height": 36, + "icon": "store", + "library": "lucide", + "fill": "$dark-9" + } + ] + }, + { + "type": "text", + "id": "eQith", + "name": "t", + "fill": "$text-white", + "content": "Open your Creator Shop", + "fontFamily": "Inter", + "fontSize": "$font-size-2xl", + "fontWeight": "$font-weight-bold" + }, + { + "type": "text", + "id": "l76AK", + "name": "s", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": 480, + "content": "The Creator Shop is available to active Creator Program members. Join to sell your cosmetics and earn Buzz from your fans.", + "lineHeight": 1.5, + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "oCQzG", + "name": "benefits", + "layout": "vertical", + "gap": 10, + "padding": [ + 8, + 0 + ], + "children": [ + { + "type": "frame", + "id": "mLgaI", + "name": "b", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "SJJao", + "name": "bi", + "width": 17, + "height": 17, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "SblEk", + "name": "bt", + "fill": "$text-primary", + "content": "Sell badges, frames & nameplates for Buzz", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "vNSzh", + "name": "b", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "FhcSd", + "name": "bi", + "width": 17, + "height": 17, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "d2NkUj", + "name": "bt", + "fill": "$text-primary", + "content": "Keep 70% of every sale", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "C5uP0D", + "name": "b", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "VF8u3", + "name": "bi", + "width": 17, + "height": 17, + "icon": "circle-check", + "library": "lucide", + "fill": "$green-4" + }, + { + "type": "text", + "id": "DJqy2", + "name": "bt", + "fill": "$text-primary", + "content": "Feature your best cosmetics on your profile", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "nu5r5", + "name": "btns", + "gap": 10, + "padding": [ + 8, + 0, + 0, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "AxZ5L", + "name": "join", + "fill": "$primary", + "cornerRadius": "$radius-md", + "gap": 7, + "padding": [ + 12, + 22 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "x17Mj", + "name": "ji", + "width": 16, + "height": 16, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "text", + "id": "ewZ15", + "name": "jt", + "fill": "$text-white", + "content": "Join the Creator Program", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "k2xbGF", + "name": "learn", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 12, + 18 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TW20d", + "name": "lt", + "fill": "$text-white", + "content": "Learn more", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "kK45l", + "x": 3480, + "y": 4282, + "name": "Owner — Feature Picker (Modal)", + "clip": true, + "width": 1300, + "height": 940, + "fill": "#08090ae6", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "KZgS9", + "name": "panel", + "clip": true, + "width": 720, + "fill": "$bg-surface", + "cornerRadius": "$radius-lg", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "j0mHHJ", + "name": "header", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "bottom": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 18, + 24 + ], + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "D55npu", + "name": "phc", + "width": "fill_container", + "layout": "vertical", + "gap": 3, + "children": [ + { + "type": "frame", + "id": "lPSys", + "name": "phl", + "gap": 9, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "v3XS1", + "name": "si", + "width": 18, + "height": 18, + "icon": "star", + "library": "lucide", + "fill": "$yellow-4" + }, + { + "type": "text", + "id": "m9e65", + "name": "pt", + "fill": "$text-white", + "content": "Feature cosmetics", + "fontFamily": "Inter", + "fontSize": "$font-size-lg", + "fontWeight": "$font-weight-bold" + } + ] + }, + { + "type": "text", + "id": "F3p9GL", + "name": "psub", + "fill": "$text-dimmed", + "textGrowth": "fixed-width", + "width": 520, + "content": "Choose cosmetics to highlight at the top of your shop. Only published items can be featured.", + "lineHeight": 1.4, + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "eswuW", + "name": "close", + "width": 28, + "height": 28, + "fill": "#ffffff0d", + "cornerRadius": "$radius-full", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "p4YF0z", + "name": "ci", + "width": 16, + "height": 16, + "icon": "x", + "library": "lucide", + "fill": "$text-dimmed" + } + ] + } + ] + }, + { + "type": "frame", + "id": "dJKZw", + "name": "controls", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 16, + 24, + 10, + 24 + ], + "children": [ + { + "type": "frame", + "id": "E8ruk", + "name": "search", + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "gap": 8, + "padding": [ + 10, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "gOxbj", + "name": "ssi", + "width": 16, + "height": 16, + "icon": "search", + "library": "lucide", + "fill": "$text-dimmed" + }, + { + "type": "text", + "id": "t5kUg", + "name": "ssp", + "fill": "$text-muted", + "content": "Search your cosmetics", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "h75Ubj", + "name": "chips", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "JvNdI", + "name": "ch All types", + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "UWGPE", + "name": "t", + "fill": "$text-white", + "content": "All types", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "nrea9", + "name": "ch Badge", + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "eCfrh", + "name": "t", + "fill": "$text-primary", + "content": "Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "X5rev", + "name": "ch Avatar Frame", + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "c9PvPC", + "name": "t", + "fill": "$text-primary", + "content": "Avatar Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "ONNCg", + "name": "ch Nameplate", + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "aTCk6", + "name": "t", + "fill": "$text-primary", + "content": "Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "N6jm7g", + "name": "ch Content Decoration", + "fill": "$bg-input", + "cornerRadius": "$radius-full", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 6, + 13 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "RcI5f", + "name": "t", + "fill": "$text-primary", + "content": "Content Decoration", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "H5tFJ2", + "name": "grid", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "padding": [ + 6, + 24, + 20, + 24 + ], + "children": [ + { + "type": "frame", + "id": "HDR58", + "name": "gr0", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "siSgh", + "name": "tile Golden Laurel Badge", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "jYhCG", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FFD43B", + "position": 0 + }, + { + "color": "#E8590C", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "x6s4P", + "name": "pi", + "width": 30, + "height": 30, + "icon": "award", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "Pu2ms", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "T3DT0l", + "name": "ck", + "width": 13, + "height": 13, + "icon": "check", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "TUNDg", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "b8VuIv", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Golden Laurel Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "MmSVT", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "azDxD", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "tWSPD", + "name": "p2", + "fill": "$buzz", + "content": "1,200", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "KM51w", + "name": "tile Cosmic Overlay", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "IkXja", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#F783AC", + "position": 0 + }, + { + "color": "#862E9C", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "L296eU", + "name": "pi", + "width": 30, + "height": 30, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "CpHxH", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "VTLfQ", + "name": "ck", + "width": 13, + "height": 13, + "icon": "check", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "oujgn", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "RKFR0", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Cosmic Overlay", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "wpDLF", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "LGl6k", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "sVadW", + "name": "p2", + "fill": "$buzz", + "content": "1,500", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "VScfM", + "name": "tile Circuit Content Frame", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$primary", + "strokeWidth": 2, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "OiGxO", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#63E6BE", + "position": 0 + }, + { + "color": "#0CA678", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "B9OO0", + "name": "pi", + "width": 30, + "height": 30, + "icon": "cpu", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "M99jvV", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "$primary", + "cornerRadius": "$radius-full", + "stroke": "#00000000", + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "E9kf9", + "name": "ck", + "width": 13, + "height": 13, + "icon": "check", + "library": "lucide", + "fill": "$text-white" + } + ] + } + ] + }, + { + "type": "frame", + "id": "k0OfN", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "o3iTho", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Circuit Content Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "oRJHS", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "PW6rd", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "nhLxa", + "name": "p2", + "fill": "$buzz", + "content": "1,600", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "invbl", + "name": "tile Neon Halo Frame", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "FVvxD", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#9775FA", + "position": 0 + }, + { + "color": "#5F3DC4", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "n9evg7", + "name": "pi", + "width": 30, + "height": 30, + "icon": "scan", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "R7eQDg", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "#101113b3", + "cornerRadius": "$radius-full", + "stroke": "#ffffff66", + "strokeWidth": 1.5, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "rtIwx", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "EqbgB", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Neon Halo Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "gI8o3", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "aWuVw", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "Wac72", + "name": "p2", + "fill": "$buzz", + "content": "2,500", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "OkdGr", + "name": "gr4", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "adT5c", + "name": "tile Aurora Nameplate", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "pMPak", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#3BC9DB", + "position": 0 + }, + { + "color": "#0B7285", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "NIS6y", + "name": "pi", + "width": 30, + "height": 30, + "icon": "type", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "crgnR", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "#101113b3", + "cornerRadius": "$radius-full", + "stroke": "#ffffff66", + "strokeWidth": 1.5, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "PPwDd", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "aDV48", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Aurora Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "l3Nv2", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "AM3Af", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "p8yC8", + "name": "p2", + "fill": "$buzz", + "content": "800", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "E1XNv", + "name": "tile Ember Crown Badge", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "t5huH", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FF922B", + "position": 0 + }, + { + "color": "#C92A2A", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "pbVJJ", + "name": "pi", + "width": 30, + "height": 30, + "icon": "crown", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "pbPpv", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "#101113b3", + "cornerRadius": "$radius-full", + "stroke": "#ffffff66", + "strokeWidth": 1.5, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "cEuy8", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "bIiW6", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Ember Crown Badge", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "vFCko", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "i2XBY", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "YdlCU", + "name": "p2", + "fill": "$buzz", + "content": "1,400", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "C9O75I", + "name": "tile Sakura Nameplate", + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "fVHDE", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#FCC2D7", + "position": 0 + }, + { + "color": "#E64980", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "J4Thqe", + "name": "pi", + "width": 30, + "height": 30, + "icon": "type", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "PvhIq", + "layoutPosition": "absolute", + "x": 124, + "y": 8, + "name": "chk", + "width": 22, + "height": 22, + "fill": "#101113b3", + "cornerRadius": "$radius-full", + "stroke": "#ffffff66", + "strokeWidth": 1.5, + "strokeAlignment": "inner", + "justifyContent": "center", + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "aUY6q", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "hOuQA", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Sakura Nameplate", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "kdATJ", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "A96Fg", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "Cis4I", + "name": "p2", + "fill": "$buzz", + "content": "900", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "v4Y7Px", + "name": "tile Void Content Frame", + "opacity": 0.5, + "clip": true, + "width": "fill_container", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "DmtTr", + "name": "pv", + "clip": true, + "width": "fill_container", + "height": 92, + "fill": { + "type": "gradient", + "gradientType": "linear", + "enabled": true, + "rotation": 135, + "size": { + "height": 1 + }, + "colors": [ + { + "color": "#495057", + "position": 0 + }, + { + "color": "#212529", + "position": 1 + } + ] + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "vfkSu", + "name": "pi", + "width": 30, + "height": 30, + "icon": "sparkles", + "library": "lucide", + "fill": "$text-white" + }, + { + "type": "frame", + "id": "m559h", + "layoutPosition": "absolute", + "x": 8, + "y": 8, + "name": "pend", + "fill": "#101113d9", + "cornerRadius": "$radius-sm", + "padding": [ + 2, + 7 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "cHTLa", + "name": "pt", + "fill": "#FCC419", + "content": "Pending review", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "$font-weight-bold" + } + ] + } + ] + }, + { + "type": "frame", + "id": "eMFL7", + "name": "b", + "width": "fill_container", + "layout": "vertical", + "gap": 5, + "padding": 10, + "children": [ + { + "type": "text", + "id": "qYlIH", + "name": "t", + "fill": "$text-white", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Void Content Frame", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + }, + { + "type": "frame", + "id": "sd4q9", + "name": "pr", + "gap": 4, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "Mrh3H", + "name": "zi", + "width": 12, + "height": 12, + "icon": "zap", + "library": "lucide", + "fill": "$buzz" + }, + { + "type": "text", + "id": "GuXdq", + "name": "p2", + "fill": "$buzz", + "content": "1,800", + "fontFamily": "Inter", + "fontSize": "$font-size-xs", + "fontWeight": "$font-weight-bold" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "bYUQ7", + "name": "footer", + "width": "fill_container", + "stroke": "$border-default", + "strokeWidth": { + "top": 1 + }, + "strokeAlignment": "inner", + "padding": [ + 16, + 24 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "V8eZdz", + "name": "cnt", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon", + "id": "IFItX", + "name": "cti", + "width": 14, + "height": 14, + "icon": "star", + "library": "lucide", + "fill": "$yellow-4" + }, + { + "type": "text", + "id": "sbPVZ", + "name": "ctt", + "fill": "$text-primary", + "content": "3 of 6 selected", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-medium" + } + ] + }, + { + "type": "frame", + "id": "GXlNo", + "name": "fb", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XnixW", + "name": "cancel", + "fill": "$bg-input", + "cornerRadius": "$radius-md", + "stroke": "$border-default", + "strokeWidth": 1, + "strokeAlignment": "inner", + "padding": [ + 10, + 18 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "EvCQp", + "name": "t", + "fill": "$text-white", + "content": "Cancel", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + }, + { + "type": "frame", + "id": "jQpKt", + "name": "save", + "fill": "$primary", + "cornerRadius": "$radius-md", + "padding": [ + 10, + 20 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "k1xHAo", + "name": "t", + "fill": "$text-white", + "content": "Save featured", + "fontFamily": "Inter", + "fontSize": "$font-size-sm", + "fontWeight": "$font-weight-semibold" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ], + "variables": { + "bg-body": { + "type": "color", + "value": "#1A1B1E" + }, + "bg-surface": { + "type": "color", + "value": "#25262B" + }, + "bg-surface-raised": { + "type": "color", + "value": "#2C2E33" + }, + "bg-input": { + "type": "color", + "value": "#2C2E33" + }, + "border-default": { + "type": "color", + "value": "#373A40" + }, + "text-white": { + "type": "color", + "value": "#fefefe" + }, + "text-primary": { + "type": "color", + "value": "#C1C2C5" + }, + "text-dimmed": { + "type": "color", + "value": "#868e96" + }, + "text-muted": { + "type": "color", + "value": "#5C5F66" + }, + "text-link": { + "type": "color", + "value": "#4DABF7" + }, + "primary": { + "type": "color", + "value": "#228BE6" + }, + "buzz": { + "type": "color", + "value": "#FC9C2D" + }, + "blue-4": { + "type": "color", + "value": "#4DABF7" + }, + "green-4": { + "type": "color", + "value": "#69DB7C" + }, + "red-5": { + "type": "color", + "value": "#ff6b6b" + }, + "yellow-4": { + "type": "color", + "value": "#FFD43B" + }, + "gold-9": { + "type": "color", + "value": "#CD9848" + }, + "dark-4": { + "type": "color", + "value": "#373A40" + }, + "dark-9": { + "type": "color", + "value": "#101113" + }, + "radius-sm": { + "type": "number", + "value": 4 + }, + "radius-md": { + "type": "number", + "value": 8 + }, + "radius-lg": { + "type": "number", + "value": 12 + }, + "radius-full": { + "type": "number", + "value": 9999 + }, + "font-size-xs": { + "type": "number", + "value": 12 + }, + "font-size-sm": { + "type": "number", + "value": 14 + }, + "font-size-md": { + "type": "number", + "value": 16 + }, + "font-size-lg": { + "type": "number", + "value": 18 + }, + "font-size-xl": { + "type": "number", + "value": 20 + }, + "font-size-2xl": { + "type": "number", + "value": 24 + }, + "font-size-3xl": { + "type": "number", + "value": 30 + }, + "font-weight-normal": { + "type": "string", + "value": "400" + }, + "font-weight-medium": { + "type": "string", + "value": "500" + }, + "font-weight-semibold": { + "type": "string", + "value": "600" + }, + "font-weight-bold": { + "type": "string", + "value": "700" + }, + "orange-4": { + "type": "color", + "value": "#ffa94d" + } + }, + "fileToken": "8e9b3122-a69b-464b-8a89-a6ce3fc036e6" +} \ No newline at end of file