diff --git a/oraffle-design.pen b/oraffle-design.pen index ab5845c..0da00af 100644 --- a/oraffle-design.pen +++ b/oraffle-design.pen @@ -3,90 +3,124 @@ "children": [ { "type": "frame", - "id": "rc2UZ", - "x": -1230, - "y": -752.5000152587891, + "id": "z7TUu", + "x": -1260, + "y": 1304, "name": "Raffle Screen - Dark", "width": 1200, "height": 800, - "fill": "#18181B", + "fill": "#0F0F12", "layout": "vertical", "children": [ { "type": "frame", - "id": "SIRM1", + "id": "0kerY", "name": "header", "width": "fill_container", - "height": 64, - "fill": "#8B5CF6", - "cornerRadius": [ - 0, - 0, - 24, - 24 - ], + "height": 72, + "fill": "#7C3AED", "padding": [ 0, - 24 + 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", - "id": "zjs99", - "name": "headerLeftD", - "gap": 16, + "id": "KvpjQ", + "name": "headerLeft", + "gap": 12, "alignItems": "center", "children": [ { - "type": "icon_font", - "id": "hQrRV", - "name": "backIconD", - "width": 24, - "height": 24, - "iconFontName": "arrow-left", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "type": "frame", + "id": "S4aRH", + "name": "logoCircle", + "width": 36, + "height": 36, + "fill": "#9D7BFC", + "cornerRadius": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "gOhKD", + "name": "logoIco", + "width": 20, + "height": 20, + "iconFontName": "ticket", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + } + ] }, { "type": "text", - "id": "M1Chb", - "name": "headerTitleD", + "id": "ekzI7", + "name": "brandTxt", "fill": "#FFFFFF", - "content": "Raffle", + "content": "ORaffle", "fontFamily": "Inter", - "fontSize": 20, + "fontSize": 22, "fontWeight": "700" } ] }, { "type": "frame", - "id": "BWRtp", - "name": "headerRightD", - "gap": 16, + "id": "bUtBH", + "name": "headerRight", + "gap": 20, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "UL5Lm", - "name": "trophyIconD", - "width": 24, - "height": 24, - "iconFontName": "trophy", + "id": "nHqLR", + "name": "settIco", + "width": 22, + "height": 22, + "iconFontName": "settings", "iconFontFamily": "lucide", - "fill": "#FCD34D" + "fill": "#C4B5FD" }, { - "type": "icon_font", - "id": "aDyyt", - "name": "refreshIconD", - "width": 24, - "height": 24, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "type": "frame", + "id": "DfUrO", + "name": "winnersBtn", + "height": 36, + "fill": "#9D7BFC", + "cornerRadius": 8, + "gap": 8, + "padding": [ + 0, + 14 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "RZPNE", + "name": "wBtnIco", + "width": 18, + "height": 18, + "iconFontName": "trophy", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "0FfxI", + "name": "wBtnTxt", + "fill": "#FFFFFF", + "content": "Winners", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] } ] } @@ -94,527 +128,656 @@ }, { "type": "frame", - "id": "5UDvJ", + "id": "JK5CV", "name": "content", "width": "fill_container", - "height": "fill_container", - "gap": 32, - "padding": 32, + "height": 731, + "gap": 28, + "padding": 28, "children": [ { "type": "frame", - "id": "AQJC9", + "id": "roBaR", "name": "leftPanel", "width": "fill_container", "height": "fill_container", "layout": "vertical", - "gap": 24, + "gap": 20, "children": [ { "type": "text", - "id": "dwI43", - "name": "leftTitleD", - "fill": "#FFFFFF", + "id": "OS3YK", + "name": "lpTitle", + "fill": "#FAFAFA", "content": "Participants List", "fontFamily": "Inter", "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "text", - "id": "UoCwT", - "name": "leftSubD", - "fill": "#A1A1AA", - "content": "Enter one name per line:", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "70yOZ", - "name": "inputArea", - "width": "fill_container", - "height": 200, - "fill": "#27272A", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#3F3F46" - }, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "oCUML", - "name": "namesTextD", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "kW00s", - "name": "name1D", - "fill": "#FFFFFF", - "content": "Maria", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "Bn0rL", - "name": "name2D", - "fill": "#FFFFFF", - "content": "Concha", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "nA79I", - "name": "name3D", - "fill": "#FFFFFF", - "content": "Pepa", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "JX8V9", - "name": "name4D", - "fill": "#FFFFFF", - "content": "Antonio", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "fB3fu", - "name": "name5D", - "fill": "#FFFFFF", - "content": "Ramón", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] + "fontWeight": "700" }, { "type": "frame", - "id": "B9Zwt", - "name": "startBtn", + "id": "nlGGa", + "name": "helperRow", "width": "fill_container", - "height": 56, - "fill": "#22C55E", - "cornerRadius": 12, - "gap": 10, - "justifyContent": "center", + "justifyContent": "space_between", "alignItems": "center", "children": [ { - "type": "icon_font", - "id": "fh3tb", - "name": "startIconD", - "width": 20, - "height": 20, - "iconFontName": "shuffle", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "type": "text", + "id": "41QBY", + "name": "lpSub", + "fill": "#6B7280", + "content": "Enter one name per line or paste a list:", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" }, { "type": "text", - "id": "4Fdlq", - "name": "startTextD", - "fill": "#FFFFFF", - "content": "Start Raffle", + "id": "27Rk1", + "name": "clearBtn", + "fill": "#8B5CF6", + "content": "Clear all", "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" + "fontSize": 13, + "fontWeight": "500" } ] }, - { - "type": "text", - "id": "tMRja", - "name": "countTextD", - "fill": "#A1A1AA", - "content": "4 participant(s) ready for raffle", - "textAlign": "center", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, { "type": "frame", - "id": "H0UPA", - "name": "resetBtn", + "id": "1ssNM", + "name": "textarea", "width": "fill_container", - "height": 48, - "fill": "transparent", + "height": 220, + "fill": "#1C1C22", "cornerRadius": 12, "stroke": { "align": "inside", "thickness": 1, - "fill": "#3F3F46" + "fill": "#2E2E38" }, - "gap": 8, - "justifyContent": "center", - "alignItems": "center", + "layout": "vertical", + "gap": 6, + "padding": 16, "children": [ { - "type": "icon_font", - "id": "KueSx", - "name": "resetIconD", - "width": 18, - "height": 18, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#8B5CF6" + "type": "text", + "id": "Sb14Z", + "name": "taName1", + "fill": "#FAFAFA", + "content": "Maria García", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" }, { "type": "text", - "id": "7o6XW", - "name": "resetTextD", - "fill": "#8B5CF6", - "content": "Reset Winners", + "id": "lMu4M", + "name": "taName2", + "fill": "#FAFAFA", + "content": "Carlos Rodríguez", "fontFamily": "Inter", "fontSize": 14, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "4clnb", - "name": "rightPanel", - "width": 400, - "height": "fill_container", - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "text", - "id": "U1Awu", - "name": "rightTitleD", - "fill": "#FFFFFF", - "content": "Participants", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "nvMBk", - "name": "totalBox", - "width": "fill_container", - "height": 80, - "fill": "#8B5CF6", - "cornerRadius": 12, - "layout": "vertical", - "gap": 4, - "justifyContent": "center", - "alignItems": "center", - "children": [ + "fontWeight": "normal" + }, { "type": "text", - "id": "eXECn", - "name": "totalNumD", - "fill": "#FFFFFF", - "content": "Total: 5", + "id": "I8WbZ", + "name": "taName3", + "fill": "#FAFAFA", + "content": "Ana Martínez", "fontFamily": "Inter", - "fontSize": 20, - "fontWeight": "700" + "fontSize": 14, + "fontWeight": "normal" }, { "type": "text", - "id": "HTIVj", - "name": "totalSubD", - "fill": "#E9D5FF", - "content": "Active: 4 | Winners: 1", + "id": "BoO89", + "name": "taName4", + "fill": "#FAFAFA", + "content": "Luis González", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 14, "fontWeight": "normal" + }, + { + "type": "text", + "id": "zUWzw", + "name": "taName5", + "fill": "#FAFAFA", + "content": "Elena Sánchez", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "7vrL4", + "name": "cursor", + "width": 2, + "height": 16, + "fill": "#8B5CF6" } ] }, - { - "type": "text", - "id": "J0heC", - "name": "activeTitleD", - "fill": "#22C55E", - "content": "Active Participants", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, { "type": "frame", - "id": "hBoPW", - "name": "activeList", + "id": "K759C", + "name": "validSummary", "width": "fill_container", - "layout": "vertical", + "height": 32, "gap": 8, + "justifyContent": "space_between", + "alignItems": "center", "children": [ { "type": "frame", - "id": "nfraX", - "name": "active1D", - "width": "fill_container", - "height": 44, - "fill": "#27272A", + "id": "fQETd", + "name": "validPill", + "height": 32, + "fill": "#052E16", "cornerRadius": 8, + "gap": 6, "padding": [ 0, 12 ], - "justifyContent": "space_between", "alignItems": "center", "children": [ - { - "type": "frame", - "id": "WYEYR", - "name": "active1LeftD", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "PGOOB", - "name": "active1IconD", - "width": 18, - "height": 18, - "iconFontName": "user", - "iconFontFamily": "lucide", - "fill": "#22C55E" - }, - { - "type": "text", - "id": "HEDRG", - "name": "active1NameD", - "fill": "#FFFFFF", - "content": "Maria", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, { "type": "icon_font", - "id": "g9RZR", - "name": "active1CheckD", - "width": 20, - "height": 20, + "id": "eYU4y", + "name": "validIco", + "width": 14, + "height": 14, "iconFontName": "circle-check", "iconFontFamily": "lucide", "fill": "#22C55E" + }, + { + "type": "text", + "id": "ZzbIx", + "name": "validTxt", + "fill": "#22C55E", + "content": "4 valid participants", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" } ] }, { "type": "frame", - "id": "wiMir", - "name": "active2D", - "width": "fill_container", - "height": 44, - "fill": "#27272A", + "id": "mdezb", + "name": "errPill", + "height": 32, + "fill": "#2D0A0A", "cornerRadius": 8, + "gap": 6, "padding": [ 0, 12 ], - "justifyContent": "space_between", "alignItems": "center", "children": [ - { - "type": "frame", - "id": "O5s5H", - "name": "active2LeftD", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "REOkn", - "name": "active2IconD", - "width": 18, - "height": 18, - "iconFontName": "user", - "iconFontFamily": "lucide", - "fill": "#22C55E" - }, - { - "type": "text", - "id": "9OOfb", - "name": "active2NameD", - "fill": "#FFFFFF", - "content": "Concha", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, { "type": "icon_font", - "id": "ipLFg", - "name": "active2CheckD", - "width": 20, - "height": 20, - "iconFontName": "circle-check", + "id": "UK88u", + "name": "errIco", + "width": 14, + "height": 14, + "iconFontName": "triangle-alert", "iconFontFamily": "lucide", - "fill": "#22C55E" + "fill": "#EF4444" + }, + { + "type": "text", + "id": "ew5Hr", + "name": "errTxt", + "fill": "#EF4444", + "content": "1 error", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" } ] - }, + } + ] + }, + { + "type": "text", + "id": "KIQl7", + "name": "lpTitle", + "fill": "#FAFAFA", + "content": "Raffle ", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "Byv28", + "name": "winnSection", + "width": "fill_container", + "fill": "#1C1C22", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "layout": "vertical", + "children": [ { "type": "frame", - "id": "mPsHC", - "name": "active3D", + "id": "zcoeT", + "name": "winnHeader", "width": "fill_container", "height": 44, - "fill": "#27272A", - "cornerRadius": 8, "padding": [ 0, - 12 + 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", - "id": "PfyMu", - "name": "active3LeftD", - "gap": 10, + "id": "8vAaO", + "name": "wHLeft", + "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "uS60J", - "name": "active3IconD", - "width": 18, - "height": 18, - "iconFontName": "user", + "id": "ub7lS", + "name": "wHIco", + "width": 16, + "height": 16, + "iconFontName": "settings-2", "iconFontFamily": "lucide", - "fill": "#22C55E" + "fill": "#8B5CF6" }, { "type": "text", - "id": "NPWz7", - "name": "active3NameD", - "fill": "#FFFFFF", - "content": "Pepa", + "id": "rkdZJ", + "name": "wHTxt", + "fill": "#A1A1AA", + "content": "Number of winners", "fontFamily": "Inter", "fontSize": 14, - "fontWeight": "normal" + "fontWeight": "500" } ] }, { "type": "icon_font", - "id": "9R1Wl", - "name": "active3CheckD", - "width": 20, - "height": 20, - "iconFontName": "circle-check", + "id": "pSpLv", + "name": "wHChev", + "width": 16, + "height": 16, + "iconFontName": "chevron-up", "iconFontFamily": "lucide", - "fill": "#22C55E" + "fill": "#6B7280" } ] }, { "type": "frame", - "id": "zlQt1", - "name": "active4D", + "id": "tUiWq", + "name": "wDiv", "width": "fill_container", - "height": 44, - "fill": "#27272A", - "cornerRadius": 8, + "height": 1, + "fill": "#2E2E38" + }, + { + "type": "frame", + "id": "lSMVq", + "name": "winnStepper", + "width": "fill_container", + "height": 52, "padding": [ 0, - 12 + 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", - "id": "z6VVV", - "name": "active4LeftD", - "gap": 10, + "id": "f0fFX", + "name": "minBtn", + "width": 36, + "height": 36, + "fill": "#2E2E38", + "cornerRadius": 8, + "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", - "id": "xEALd", - "name": "active4IconD", + "id": "U5a3g", + "name": "minIco", "width": 18, "height": 18, - "iconFontName": "user", + "iconFontName": "minus", "iconFontFamily": "lucide", - "fill": "#22C55E" - }, - { - "type": "text", - "id": "rMaaZ", - "name": "active4NameD", - "fill": "#FFFFFF", - "content": "Antonio", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" + "fill": "#FFFFFF" } ] }, { - "type": "icon_font", - "id": "2BmVC", - "name": "active4CheckD", - "width": 20, - "height": 20, - "iconFontName": "circle-check", - "iconFontFamily": "lucide", - "fill": "#22C55E" + "type": "text", + "id": "A2Shp", + "name": "winnNum", + "fill": "#FFFFFF", + "content": "1", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "5ffxZ", + "name": "plsBtn", + "width": 36, + "height": 36, + "fill": "#8B5CF6", + "cornerRadius": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "STWWN", + "name": "plsIco", + "width": 18, + "height": 18, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + } + ] } ] } ] }, + { + "type": "frame", + "id": "wNT8X", + "name": "startBtn", + "width": "fill_container", + "height": 60, + "fill": "#22C55E", + "cornerRadius": 14, + "gap": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "aoltv", + "name": "startIco", + "width": 22, + "height": 22, + "iconFontName": "shuffle", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "nKEQ1", + "name": "startTxt", + "fill": "#FFFFFF", + "content": "Start Raffle", + "fontFamily": "Inter", + "fontSize": 17, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "2TupD", + "name": "resetBtn", + "width": "fill_container", + "height": 44, + "fill": "transparent", + "cornerRadius": 10, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "wDJBR", + "name": "resetIco", + "width": 16, + "height": 16, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#8B5CF6" + }, + { + "type": "text", + "id": "VRa2h", + "name": "resetTxt", + "fill": "#8B5CF6", + "content": "Reset Winners", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "sdB77", + "name": "rightPanel", + "width": 380, + "height": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ { "type": "text", - "id": "LCJRG", - "name": "selectedTitleD", - "fill": "#F59E0B", - "content": "Already Selected", + "id": "cn9VD", + "name": "rpTitle", + "fill": "#FAFAFA", + "content": "Participants", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" + "fontSize": 18, + "fontWeight": "700" }, { "type": "frame", - "id": "f6Qzy", - "name": "selectedListD", + "id": "GnjOX", + "name": "statsRow", "width": "fill_container", - "layout": "vertical", "gap": 8, "children": [ { "type": "frame", - "id": "5fguC", - "name": "winner1D", + "id": "XJZUW", + "name": "totalCard", + "width": "fill_container", + "height": 72, + "fill": "#1C1C22", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "layout": "vertical", + "gap": 3, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "JJtbj", + "name": "totalNum", + "fill": "#FAFAFA", + "content": "5", + "fontFamily": "Inter", + "fontSize": 26, + "fontWeight": "700" + }, + { + "type": "text", + "id": "TWCLO", + "name": "totalLabel", + "fill": "#6B7280", + "content": "Total", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "wCXxh", + "name": "activeCard", + "width": "fill_container", + "height": 72, + "fill": "#052E16", + "cornerRadius": 12, + "layout": "vertical", + "gap": 3, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "eijgL", + "name": "activeNum", + "fill": "#22C55E", + "content": "4", + "fontFamily": "Inter", + "fontSize": 26, + "fontWeight": "700" + }, + { + "type": "text", + "id": "XtO58", + "name": "activeLabel", + "fill": "#16A34A", + "content": "Active", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "Omuy8", + "name": "winnCard", + "width": "fill_container", + "height": 72, + "fill": "#2D1200", + "cornerRadius": 12, + "layout": "vertical", + "gap": 3, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "KXJPa", + "name": "winnNum", + "fill": "#F59E0B", + "content": "1", + "fontFamily": "Inter", + "fontSize": 26, + "fontWeight": "700" + }, + { + "type": "text", + "id": "rL94B", + "name": "winnLabel", + "fill": "#B45309", + "content": "Winners", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "1fFeM", + "name": "activeTitleRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "lppRc", + "name": "activeTitleTxt", + "fill": "#22C55E", + "content": "Active Participants", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "LX4en", + "name": "activeBadge", + "height": 22, + "fill": "#052E16", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "IZtr1", + "name": "activeBadgeTxt", + "fill": "#22C55E", + "content": "4", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "9SzLX", + "name": "partList", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "4TOTa", + "name": "pi1", "width": "fill_container", "height": 44, - "fill": "#27272A", + "fill": "#1C1C22", "cornerRadius": 8, "padding": [ 0, @@ -625,27 +788,27 @@ "children": [ { "type": "frame", - "id": "lG0mC", - "name": "winner1LeftD", - "gap": 10, + "id": "7wQZ5", + "name": "pi1L", + "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "EG5MU", - "name": "winner1IconD", - "width": 18, - "height": 18, + "id": "t3q8v", + "name": "pi1Ico", + "width": 16, + "height": 16, "iconFontName": "user", "iconFontFamily": "lucide", - "fill": "#71717A" + "fill": "#22C55E" }, { "type": "text", - "id": "xeauq", - "name": "winner1NameD", - "fill": "#A1A1AA", - "content": "Ramón", + "id": "RuuEL", + "name": "pi1Name", + "fill": "#FAFAFA", + "content": "Maria García", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" @@ -654,734 +817,24 @@ }, { "type": "icon_font", - "id": "vWVxo", - "name": "winner1TrophyD", - "width": 20, - "height": 20, - "iconFontName": "trophy", + "id": "qqiIQ", + "name": "pi1Check", + "width": 18, + "height": 18, + "iconFontName": "circle-check", "iconFontFamily": "lucide", - "fill": "#FCD34D" + "fill": "#22C55E" } ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "MWoAq", - "x": -1230, - "y": 247.49998474121094, - "name": "Raffle Winners - Dark", - "width": 1200, - "height": 800, - "fill": "#18181B", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "XtDyA", - "name": "headerWD", - "width": "fill_container", - "height": 64, - "fill": "#8B5CF6", - "cornerRadius": [ - 0, - 0, - 24, - 24 - ], - "padding": [ - 0, - 24 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rgOAr", - "name": "headerLeftWD", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "RdyLo", - "name": "backIconWD", - "width": 24, - "height": 24, - "iconFontName": "arrow-left", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - }, - { - "type": "text", - "id": "fO3Py", - "name": "headerTitleWD", - "fill": "#FFFFFF", - "content": "Raffle Winners", - "fontFamily": "Inter", - "fontSize": 20, - "fontWeight": "700" - } - ] - }, - { - "type": "icon_font", - "id": "a2hwU", - "name": "shareIconWD", - "width": 24, - "height": 24, - "iconFontName": "share-2", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - } - ] - }, - { - "type": "frame", - "id": "SxU3w", - "name": "contentWD", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 24, - "padding": [ - 48, - 32 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XGZ1T", - "name": "trophyCircleWD", - "width": 80, - "height": 80, - "fill": "#FCD34D", - "cornerRadius": 40, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "a47P6", - "name": "trophyBigIconWD", - "width": 40, - "height": 40, - "iconFontName": "trophy", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - } - ] - }, - { - "type": "text", - "id": "yxb48", - "name": "completedTitleWD", - "fill": "#FFFFFF", - "content": "Raffle Completed", - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "700" - }, - { - "type": "frame", - "id": "JlQNz", - "name": "dividerRowWD", - "width": "fill_container", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XASaX", - "name": "dividerLeftWD", - "width": "fill_container", - "height": 1, - "fill": "#3F3F46" - }, - { - "type": "text", - "id": "Clriy", - "name": "dividerTextWD", - "fill": "#A1A1AA", - "content": "1 winner(s) selected", - "textAlign": "center", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "FclOE", - "name": "dividerRightWD", - "width": "fill_container", - "height": 1, - "fill": "#3F3F46" - } - ] - }, - { - "type": "frame", - "id": "8rvgQ", - "name": "winnerCardWD", - "width": "fill_container", - "fill": "#FEF9C3", - "cornerRadius": 12, - "padding": [ - 12, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "nbKs0", - "name": "winnerCardLeftWD", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "KyUUp", - "name": "positionBadgeWD", - "width": 36, - "height": 36, - "fill": "#22C55E", - "cornerRadius": 18, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "hAthI", - "name": "positionNumWD", - "fill": "#FFFFFF", - "content": "1", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "700" - } - ] - }, - { - "type": "frame", - "id": "iTB8K", - "name": "winnerInfoWD", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "h989p", - "name": "winnerNameWD", - "fill": "#18181B", - "content": "Maria", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - }, - { - "type": "text", - "id": "EnQyH", - "name": "winnerSubWD", - "fill": "#71717A", - "content": "1st place · 12:09", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "icon_font", - "id": "xrfuh", - "name": "winnerTrophyWD", - "width": 24, - "height": 24, - "iconFontName": "trophy", - "iconFontFamily": "lucide", - "fill": "#FCD34D" - } - ] - } - ] - }, - { - "type": "frame", - "id": "E6PZi", - "name": "bottomBtnsWD", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 16, - 32 - ], - "children": [ - { - "type": "frame", - "id": "geMZe", - "name": "newRaffleBtnWD", - "width": "fill_container", - "height": 52, - "fill": "#22C55E", - "cornerRadius": 12, - "gap": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Hxxjq", - "name": "newRaffleIconWD", - "width": 20, - "height": 20, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - }, - { - "type": "text", - "id": "BfhtX", - "name": "newRaffleTextWD", - "fill": "#FFFFFF", - "content": "New Raffle", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "OdzBc", - "name": "resetBtnWD", - "width": "fill_container", - "height": 48, - "fill": "transparent", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#3F3F46" - }, - "gap": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "HboJ2", - "name": "resetIconWD", - "width": 18, - "height": 18, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#8B5CF6" - }, - { - "type": "text", - "id": "vqnJh", - "name": "resetTextWD", - "fill": "#8B5CF6", - "content": "Reset Winners", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "brUDk", - "x": 30, - "y": -752.5000152587891, - "name": "Raffle Screen - Light", - "width": 1200, - "height": 800, - "fill": "#FAFAFA", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "9Kv0D", - "name": "headerL", - "width": "fill_container", - "height": 64, - "fill": "#8B5CF6", - "cornerRadius": [ - 0, - 0, - 24, - 24 - ], - "padding": [ - 0, - 24 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Z71bD", - "name": "headerLeftL", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "lEW2w", - "name": "backIconL", - "width": 24, - "height": 24, - "iconFontName": "arrow-left", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - }, - { - "type": "text", - "id": "nPoR9", - "name": "headerTitleL", - "fill": "#FFFFFF", - "content": "Raffle", - "fontFamily": "Inter", - "fontSize": 20, - "fontWeight": "700" - } - ] - }, - { - "type": "frame", - "id": "HUKjO", - "name": "headerRightL", - "gap": 16, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "cPSuo", - "name": "trophyIconL", - "width": 24, - "height": 24, - "iconFontName": "trophy", - "iconFontFamily": "lucide", - "fill": "#FCD34D" - }, - { - "type": "icon_font", - "id": "O3rTn", - "name": "refreshIconL", - "width": 24, - "height": 24, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - } - ] - } - ] - }, - { - "type": "frame", - "id": "HOP9T", - "name": "contentL", - "width": "fill_container", - "height": "fill_container", - "gap": 32, - "padding": 32, - "children": [ - { - "type": "frame", - "id": "siYIL", - "name": "leftPanelL", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 24, - "children": [ - { - "type": "text", - "id": "eSOve", - "name": "leftTitleL", - "fill": "#18181B", - "content": "Participants List", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "text", - "id": "4ryy3", - "name": "leftSubL", - "fill": "#71717A", - "content": "Enter one name per line:", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "Cxung", - "name": "inputAreaL", - "width": "fill_container", - "height": 200, - "fill": "#FFFFFF", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "DAX6q", - "name": "namesTextL", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "Qs7mT", - "name": "name1L", - "fill": "#18181B", - "content": "Maria", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "eLyir", - "name": "name2L", - "fill": "#18181B", - "content": "Concha", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "H8sBb", - "name": "name3L", - "fill": "#18181B", - "content": "Pepa", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "UEa68", - "name": "name4L", - "fill": "#18181B", - "content": "Antonio", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "q5KvQ", - "name": "name5L", - "fill": "#18181B", - "content": "Ramón", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "DSlN2", - "name": "startBtnL", - "width": "fill_container", - "height": 56, - "fill": "#22C55E", - "cornerRadius": 12, - "gap": 10, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "PkUZl", - "name": "startIconL", - "width": 20, - "height": 20, - "iconFontName": "shuffle", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" - }, - { - "type": "text", - "id": "W8kWX", - "name": "startTextL", - "fill": "#FFFFFF", - "content": "Start Raffle", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" - } - ] - }, - { - "type": "text", - "id": "5JK3L", - "name": "countTextL", - "fill": "#71717A", - "content": "4 participant(s) ready for raffle", - "textAlign": "center", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "4Lhbc", - "name": "resetBtnL", - "width": "fill_container", - "height": 48, - "fill": "transparent", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, - "gap": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "BxVi7", - "name": "resetIconL", - "width": 18, - "height": 18, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#8B5CF6" - }, - { - "type": "text", - "id": "YtldB", - "name": "resetTextL", - "fill": "#8B5CF6", - "content": "Reset Winners", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "KHAhj", - "name": "rightPanelL", - "width": 400, - "height": "fill_container", - "layout": "vertical", - "gap": 20, - "children": [ - { - "type": "text", - "id": "8V6yK", - "name": "rightTitleL", - "fill": "#18181B", - "content": "Participants", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "5oIRQ", - "name": "totalBoxL", - "width": "fill_container", - "height": 80, - "fill": "#8B5CF6", - "cornerRadius": 12, - "layout": "vertical", - "gap": 4, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "5FsSJ", - "name": "totalNumL", - "fill": "#FFFFFF", - "content": "Total: 5", - "fontFamily": "Inter", - "fontSize": 20, - "fontWeight": "700" }, - { - "type": "text", - "id": "RhSzg", - "name": "totalSubL", - "fill": "#E9D5FF", - "content": "Active: 4 | Winners: 1", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "W95or", - "name": "activeTitleL", - "fill": "#22C55E", - "content": "Active Participants", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "UWo4G", - "name": "activeListL", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ { "type": "frame", - "id": "aVrgz", - "name": "active1L", + "id": "LapL8", + "name": "pi2", "width": "fill_container", "height": 44, - "fill": "#FFFFFF", + "fill": "#1C1C22", "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, "padding": [ 0, 12 @@ -1391,27 +844,27 @@ "children": [ { "type": "frame", - "id": "Q12ME", - "name": "active1LeftL", - "gap": 10, + "id": "oBq1h", + "name": "pi2L", + "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "IIHnj", - "name": "active1IconL", - "width": 18, - "height": 18, + "id": "PBZFV", + "name": "pi2Ico", + "width": 16, + "height": 16, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#22C55E" }, { "type": "text", - "id": "EilsV", - "name": "active1NameL", - "fill": "#18181B", - "content": "Maria", + "id": "GhbJv", + "name": "pi2Name", + "fill": "#FAFAFA", + "content": "Carlos Rodríguez", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" @@ -1420,10 +873,10 @@ }, { "type": "icon_font", - "id": "j3WsT", - "name": "active1CheckL", - "width": 20, - "height": 20, + "id": "vGhXI", + "name": "pi2Check", + "width": 18, + "height": 18, "iconFontName": "circle-check", "iconFontFamily": "lucide", "fill": "#22C55E" @@ -1432,17 +885,12 @@ }, { "type": "frame", - "id": "Bvaex", - "name": "active2L", + "id": "79dzy", + "name": "pi3", "width": "fill_container", "height": 44, - "fill": "#FFFFFF", + "fill": "#1C1C22", "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, "padding": [ 0, 12 @@ -1452,27 +900,27 @@ "children": [ { "type": "frame", - "id": "4yDnH", - "name": "active2LeftL", - "gap": 10, + "id": "iSeyE", + "name": "pi3L", + "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "YLafy", - "name": "active2IconL", - "width": 18, - "height": 18, + "id": "0BXle", + "name": "pi3Ico", + "width": 16, + "height": 16, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#22C55E" }, { "type": "text", - "id": "ORR4D", - "name": "active2NameL", - "fill": "#18181B", - "content": "Concha", + "id": "fEscr", + "name": "pi3Name", + "fill": "#FAFAFA", + "content": "Ana Martínez", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" @@ -1481,10 +929,10 @@ }, { "type": "icon_font", - "id": "bo8Sy", - "name": "active2CheckL", - "width": 20, - "height": 20, + "id": "xfpIX", + "name": "pi3Check", + "width": 18, + "height": 18, "iconFontName": "circle-check", "iconFontFamily": "lucide", "fill": "#22C55E" @@ -1493,17 +941,12 @@ }, { "type": "frame", - "id": "x8uFp", - "name": "active3L", + "id": "CYuf9", + "name": "pi4", "width": "fill_container", "height": 44, - "fill": "#FFFFFF", + "fill": "#1C1C22", "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, "padding": [ 0, 12 @@ -1513,27 +956,27 @@ "children": [ { "type": "frame", - "id": "2w224", - "name": "active3LeftL", - "gap": 10, + "id": "clkMw", + "name": "pi4L", + "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "PwbLj", - "name": "active3IconL", - "width": 18, - "height": 18, + "id": "nJork", + "name": "pi4Ico", + "width": 16, + "height": 16, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#22C55E" }, { "type": "text", - "id": "BMKi6", - "name": "active3NameL", - "fill": "#18181B", - "content": "Pepa", + "id": "9TLRc", + "name": "pi4Name", + "fill": "#FAFAFA", + "content": "Luis González", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" @@ -1542,28 +985,84 @@ }, { "type": "icon_font", - "id": "WE7Kj", - "name": "active3CheckL", - "width": 20, - "height": 20, + "id": "1EWwV", + "name": "pi4Check", + "width": 18, + "height": 18, "iconFontName": "circle-check", "iconFontFamily": "lucide", "fill": "#22C55E" } ] + } + ] + }, + { + "type": "frame", + "id": "Z1hwo", + "name": "selTitleRow", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "6Ppk3", + "name": "selTitleTxt", + "fill": "#F59E0B", + "content": "Already Selected", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" }, { "type": "frame", - "id": "U0zRb", - "name": "active4L", + "id": "MDsH6", + "name": "selBadge", + "height": 22, + "fill": "#2D1200", + "cornerRadius": 11, + "padding": [ + 0, + 8 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "T7qkl", + "name": "selBadgeTxt", + "fill": "#F59E0B", + "content": "1", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "vKEqC", + "name": "selList", + "width": "fill_container", + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "7pKyq", + "name": "win1", "width": "fill_container", "height": 44, - "fill": "#FFFFFF", + "fill": "#1C1C22", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, - "fill": "#E4E4E7" + "fill": "#2D1200" }, "padding": [ 0, @@ -1574,27 +1073,27 @@ "children": [ { "type": "frame", - "id": "0P5Ek", - "name": "active4LeftL", - "gap": 10, + "id": "PZjdB", + "name": "win1L", + "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "OBkhK", - "name": "active4IconL", - "width": 18, - "height": 18, + "id": "xuaHL", + "name": "win1Ico", + "width": 16, + "height": 16, "iconFontName": "user", "iconFontFamily": "lucide", - "fill": "#22C55E" + "fill": "#6B7280" }, { "type": "text", - "id": "SzFuR", - "name": "active4NameL", - "fill": "#18181B", - "content": "Antonio", + "id": "BeKaJ", + "name": "win1Name", + "fill": "#6B7280", + "content": "Elena Sánchez", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" @@ -1603,98 +1102,300 @@ }, { "type": "icon_font", - "id": "mSpaN", - "name": "active4CheckL", - "width": 20, - "height": 20, - "iconFontName": "circle-check", + "id": "4s65H", + "name": "win1Trophy", + "width": 18, + "height": 18, + "iconFontName": "trophy", "iconFontFamily": "lucide", - "fill": "#22C55E" + "fill": "#F59E0B" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "mSs0v", + "x": 0, + "y": 1304, + "name": "Drawing State - Dark", + "width": 1200, + "height": 800, + "fill": "#0F0F12", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "U0EtI", + "name": "header", + "width": "fill_container", + "height": 72, + "fill": "#7C3AED", + "padding": [ + 0, + 28 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ZbnQq", + "name": "headerLeft", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "niGgY", + "name": "logoCircle", + "width": 36, + "height": 36, + "fill": "#9D7BFC", + "cornerRadius": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "zonf2", + "name": "logoIco", + "width": 20, + "height": 20, + "iconFontName": "ticket", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + } + ] + }, + { + "type": "text", + "id": "5tFcX", + "name": "brandTxt", + "fill": "#FFFFFF", + "content": "ORaffle", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "5xCdW", + "name": "content", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 24, + "padding": [ + 48, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "NoGDc", + "name": "outerRing", + "width": 200, + "height": 200, + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 2, + "fill": "#2E2E38" + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "18YAF", + "name": "midRing", + "width": 160, + "height": 160, + "cornerRadius": 80, + "stroke": { + "align": "inside", + "thickness": 2, + "fill": "#4C1D95" + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "YecVn", + "name": "innerCircle", + "width": 120, + "height": 120, + "fill": "#7C3AED", + "cornerRadius": 60, + "layout": "vertical", + "gap": 4, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "vwv7D", + "name": "innerIco", + "width": 36, + "height": 36, + "iconFontName": "shuffle", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "8OEzv", + "name": "innerTxt", + "fill": "#C4B5FD", + "content": "Picking", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" } ] } ] + } + ] + }, + { + "type": "text", + "id": "S6haA", + "name": "drawTitle", + "fill": "#FAFAFA", + "content": "Drawing Winner...", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 28, + "fontWeight": "700" + }, + { + "type": "text", + "id": "cwSSL", + "name": "drawSub", + "fill": "#9CA3AF", + "content": "Randomly selecting from 5 participants", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "4PJGw", + "name": "currentName", + "width": 360, + "height": 72, + "fill": "#1C1C22", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 2, + "fill": "#7C3AED" + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "oBw5Q", + "name": "currentNameTxt", + "fill": "#A78BFA", + "content": "Carlos Rodríguez", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 22, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "U3qLb", + "name": "dotsRow", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "N5v1B", + "name": "dot1", + "width": 8, + "height": 8, + "fill": "#7C3AED", + "cornerRadius": 4 + }, + { + "type": "frame", + "id": "RxcT7", + "name": "dot2", + "width": 10, + "height": 10, + "fill": "#8B5CF6", + "cornerRadius": 5 + }, + { + "type": "frame", + "id": "aGvop", + "name": "dot3", + "width": 8, + "height": 8, + "fill": "#7C3AED", + "cornerRadius": 4 + } + ] + }, + { + "type": "frame", + "id": "5DXBd", + "name": "cancelBtn", + "width": 200, + "height": 48, + "fill": "transparent", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mOgcX", + "name": "cancelIco", + "width": 18, + "height": 18, + "iconFontName": "x", + "iconFontFamily": "lucide", + "fill": "#6B7280" }, { "type": "text", - "id": "M4m12", - "name": "selectedTitleL", - "fill": "#F59E0B", - "content": "Already Selected", + "id": "1EI92", + "name": "cancelTxt", + "fill": "#6B7280", + "content": "Cancel", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "K2J0z", - "name": "selectedListL", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "CxeNN", - "name": "winner1L", - "width": "fill_container", - "height": 44, - "fill": "#FFFFFF", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "ADE2X", - "name": "winner1LeftL", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "98a5x", - "name": "winner1IconL", - "width": 18, - "height": 18, - "iconFontName": "user", - "iconFontFamily": "lucide", - "fill": "#A1A1AA" - }, - { - "type": "text", - "id": "pxhvu", - "name": "winner1NameL", - "fill": "#71717A", - "content": "Ramón", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "MdhN0", - "name": "winner1TrophyL", - "width": 20, - "height": 20, - "iconFontName": "trophy", - "iconFontFamily": "lucide", - "fill": "#FCD34D" - } - ] - } - ] + "fontSize": 15, + "fontWeight": "500" } ] } @@ -1704,56 +1405,50 @@ }, { "type": "frame", - "id": "egu4F", - "x": 30, - "y": 247.49998474121094, - "name": "Raffle Winners - Light", + "id": "6IsIM", + "x": -1260, + "y": 2164, + "name": "Winners Screen - Dark", "width": 1200, "height": 800, - "fill": "#FAFAFA", + "fill": "#0F0F12", "layout": "vertical", "children": [ { "type": "frame", - "id": "Us7WC", - "name": "headerWL", + "id": "1PzkD", + "name": "header", "width": "fill_container", - "height": 64, - "fill": "#8B5CF6", - "cornerRadius": [ - 0, - 0, - 24, - 24 - ], + "height": 72, + "fill": "#7C3AED", "padding": [ 0, - 24 + 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", - "id": "cIKq5", - "name": "headerLeftWL", - "gap": 16, + "id": "WImuU", + "name": "headerLeft", + "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "ouilM", - "name": "backIconWL", + "id": "KBrEE", + "name": "backIco", "width": 24, "height": 24, "iconFontName": "arrow-left", "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "fill": "#C4B5FD" }, { "type": "text", - "id": "blqgh", - "name": "headerTitleWL", + "id": "OFVwq", + "name": "title3", "fill": "#FFFFFF", "content": "Raffle Winners", "fontFamily": "Inter", @@ -1763,104 +1458,475 @@ ] }, { - "type": "icon_font", - "id": "BiXXD", - "name": "shareIconWL", - "width": 24, - "height": 24, - "iconFontName": "share-2", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "type": "frame", + "id": "pyZ74", + "name": "headerRight", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "eon2K", + "name": "shareBtn", + "height": 36, + "fill": "#9D7BFC", + "cornerRadius": 8, + "gap": 6, + "padding": [ + 0, + 14 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "DMJQ3", + "name": "shareIco", + "width": 16, + "height": 16, + "iconFontName": "share-2", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "Qapvs", + "name": "shareTxt", + "fill": "#FFFFFF", + "content": "Share", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] } ] }, { "type": "frame", - "id": "g6i5x", - "name": "contentWL", + "id": "O5XfR", + "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", - "gap": 24, + "gap": 20, "padding": [ - 48, - 32 + 28, + 40 ], "alignItems": "center", "children": [ { "type": "frame", - "id": "ZkTqp", - "name": "trophyCircleWL", - "width": 80, - "height": 80, - "fill": "#FCD34D", - "cornerRadius": 40, + "id": "VtNme", + "name": "celebRow", + "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", - "id": "IFgkU", - "name": "trophyBigIconWL", - "width": 40, - "height": 40, - "iconFontName": "trophy", + "id": "byoEj", + "name": "confL", + "width": 20, + "height": 20, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "#F59E0B" + }, + { + "type": "frame", + "id": "TcGS6", + "name": "trophyRing", + "width": 88, + "height": 88, + "fill": "#F59E0B", + "cornerRadius": 44, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "ciaEs", + "name": "trophyBig", + "width": 44, + "height": 44, + "iconFontName": "trophy", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + } + ] + }, + { + "type": "icon_font", + "id": "dJSTM", + "name": "confR", + "width": 20, + "height": 20, + "iconFontName": "sparkles", "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "fill": "#8B5CF6" + } + ] + }, + { + "type": "text", + "id": "yKxcE", + "name": "compTitle", + "fill": "#FAFAFA", + "content": "Raffle Completed!", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 26, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "nDd7V", + "name": "divRow", + "width": "fill_container", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tTu3K", + "name": "divL", + "width": "fill_container", + "height": 1, + "fill": "#2E2E38" + }, + { + "type": "text", + "id": "H1S7T", + "name": "divTxt", + "fill": "#6B7280", + "content": "3 winners selected", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "lgUXv", + "name": "divR", + "width": "fill_container", + "height": 1, + "fill": "#2E2E38" + } + ] + }, + { + "type": "frame", + "id": "jW0uC", + "name": "podiumRow", + "width": "fill_container", + "gap": 12, + "justifyContent": "center", + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "1BNCc", + "name": "silver", + "width": "fill_container", + "fill": "#1C1C22", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 14, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "VKIGD", + "name": "silverBadge", + "width": 32, + "height": 32, + "fill": "#6B7280", + "cornerRadius": 16, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "aJ6VQ", + "name": "silverPos", + "fill": "#FFFFFF", + "content": "2", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "text", + "id": "suckw", + "name": "silverName", + "fill": "#9CA3AF", + "content": "Carlos R.", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + }, + { + "type": "text", + "id": "YY1nm", + "name": "silverSub", + "fill": "#6B7280", + "content": "2nd place", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "yeJld", + "name": "gold", + "width": "fill_container", + "fill": "#1C1C22", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 2, + "fill": "#F59E0B" + }, + "layout": "vertical", + "gap": 6, + "padding": [ + 24, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "2NDWN", + "name": "goldGlow", + "width": 44, + "height": 44, + "fill": "#F59E0B", + "cornerRadius": 22, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "KqBaX", + "name": "goldTrophyIco", + "width": 24, + "height": 24, + "iconFontName": "trophy", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + } + ] + }, + { + "type": "text", + "id": "KnrYg", + "name": "goldName", + "fill": "#FAFAFA", + "content": "Maria García", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "700" + }, + { + "type": "text", + "id": "DygaL", + "name": "goldSub", + "fill": "#F59E0B", + "content": "🥇 1st place · 12:09", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "dtA7R", + "name": "bronze", + "width": "fill_container", + "fill": "#1C1C22", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "layout": "vertical", + "gap": 4, + "padding": [ + 10, + 12 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "27faq", + "name": "bronzeBadge", + "width": 32, + "height": 32, + "fill": "#92400E", + "cornerRadius": 16, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Ep6Cm", + "name": "bronzePos", + "fill": "#FFFFFF", + "content": "3", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "text", + "id": "HjzWF", + "name": "bronzeName", + "fill": "#9CA3AF", + "content": "Ana M.", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + }, + { + "type": "text", + "id": "QDtPc", + "name": "bronzeSub", + "fill": "#6B7280", + "content": "3rd place", + "textAlign": "center", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] } ] }, - { - "type": "text", - "id": "n2F7c", - "name": "completedTitleWL", - "fill": "#18181B", - "content": "Raffle Completed", - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "700" - }, { "type": "frame", - "id": "PAQtj", - "name": "dividerRowWL", + "id": "xepcE", + "name": "winnerCardWL", "width": "fill_container", - "gap": 16, + "fill": "#FEF9C3", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E4E4E7" + }, + "padding": [ + 12, + 16 + ], + "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", - "id": "9ZAFY", - "name": "dividerLeftWL", - "width": "fill_container", - "height": 1, - "fill": "#E4E4E7" - }, - { - "type": "text", - "id": "BntLg", - "name": "dividerTextWL", - "fill": "#71717A", - "content": "1 winner(s) selected", - "textAlign": "center", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" + "id": "O42hg", + "name": "winnerCardLeftWL", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Gh6TV", + "name": "positionBadgeWL", + "width": 36, + "height": 36, + "fill": "#22C55E", + "cornerRadius": 18, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "f9UZU", + "name": "positionNumWL", + "fill": "#FFFFFF", + "content": "1", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "80ARV", + "name": "winnerInfoWL", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "0ltw9", + "name": "winnerNameWL", + "fill": "#18181B", + "content": "Maria", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "Zv0GT", + "name": "winnerSubWL", + "fill": "#71717A", + "content": "1st place · 12:09", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] }, { - "type": "frame", - "id": "OjpH6", - "name": "dividerRightWL", - "width": "fill_container", - "height": 1, - "fill": "#E4E4E7" + "type": "icon_font", + "id": "kb4cR", + "name": "winnerTrophyWL", + "width": 24, + "height": 24, + "iconFontName": "trophy", + "iconFontFamily": "lucide", + "fill": "#FCD34D" } ] }, { "type": "frame", - "id": "nI6Kk", + "id": "9gEdz", "name": "winnerCardWL", "width": "fill_container", "fill": "#FEF9C3", @@ -1879,14 +1945,14 @@ "children": [ { "type": "frame", - "id": "NGJSD", + "id": "3zIUY", "name": "winnerCardLeftWL", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", - "id": "HzE3R", + "id": "RAJZq", "name": "positionBadgeWL", "width": 36, "height": 36, @@ -1897,10 +1963,10 @@ "children": [ { "type": "text", - "id": "5P2qD", + "id": "9j9oX", "name": "positionNumWL", "fill": "#FFFFFF", - "content": "1", + "content": "2", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" @@ -1909,14 +1975,14 @@ }, { "type": "frame", - "id": "GIPtd", + "id": "NJOIw", "name": "winnerInfoWL", "layout": "vertical", "gap": 2, "children": [ { "type": "text", - "id": "81chz", + "id": "YEA9k", "name": "winnerNameWL", "fill": "#18181B", "content": "Maria", @@ -1926,7 +1992,7 @@ }, { "type": "text", - "id": "mCzuc", + "id": "pLirc", "name": "winnerSubWL", "fill": "#71717A", "content": "1st place · 12:09", @@ -1940,7 +2006,7 @@ }, { "type": "icon_font", - "id": "mL9Rg", + "id": "yc8KS", "name": "winnerTrophyWL", "width": 24, "height": 24, @@ -1949,91 +2015,178 @@ "fill": "#FCD34D" } ] - } - ] - }, - { - "type": "frame", - "id": "V3obw", - "name": "bottomBtnsWL", - "width": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 16, - 32 - ], - "children": [ + }, { "type": "frame", - "id": "p9vHV", - "name": "newRaffleBtnWL", + "id": "pJy7n", + "name": "winnerCardWL", "width": "fill_container", - "height": 52, - "fill": "#22C55E", + "fill": "#FEF9C3", "cornerRadius": 12, - "gap": 8, - "justifyContent": "center", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#E4E4E7" + }, + "padding": [ + 12, + 16 + ], + "justifyContent": "space_between", "alignItems": "center", "children": [ { - "type": "icon_font", - "id": "OrI2Q", - "name": "newRaffleIconWL", - "width": 20, - "height": 20, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "#FFFFFF" + "type": "frame", + "id": "xBOEB", + "name": "winnerCardLeftWL", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "qkBPM", + "name": "positionBadgeWL", + "width": 36, + "height": 36, + "fill": "#22C55E", + "cornerRadius": 18, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "PEFGo", + "name": "positionNumWL", + "fill": "#FFFFFF", + "content": "3", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "xD7Mo", + "name": "winnerInfoWL", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "3GQfB", + "name": "winnerNameWL", + "fill": "#18181B", + "content": "Maria", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "qkMfN", + "name": "winnerSubWL", + "fill": "#71717A", + "content": "1st place · 12:09", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] }, { - "type": "text", - "id": "nW0TM", - "name": "newRaffleTextWL", - "fill": "#FFFFFF", - "content": "New Raffle", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600" + "type": "icon_font", + "id": "PC4FO", + "name": "winnerTrophyWL", + "width": 24, + "height": 24, + "iconFontName": "trophy", + "iconFontFamily": "lucide", + "fill": "#FCD34D" } ] }, { "type": "frame", - "id": "wY8LZ", - "name": "resetBtnWL", + "id": "dAdGT", + "name": "btnsRow", "width": "fill_container", - "height": 48, - "fill": "transparent", - "cornerRadius": 12, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "#E4E4E7" - }, - "gap": 8, - "justifyContent": "center", - "alignItems": "center", + "gap": 12, "children": [ { - "type": "icon_font", - "id": "Mb97X", - "name": "resetIconWL", - "width": 18, - "height": 18, - "iconFontName": "rotate-ccw", - "iconFontFamily": "lucide", - "fill": "#8B5CF6" + "type": "frame", + "id": "D424c", + "name": "newRaffleBtn", + "width": "fill_container", + "height": 52, + "fill": "#22C55E", + "cornerRadius": 12, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "bBNma", + "name": "newRaffleIco", + "width": 20, + "height": 20, + "iconFontName": "refresh-cw", + "iconFontFamily": "lucide", + "fill": "#FFFFFF" + }, + { + "type": "text", + "id": "RgWXM", + "name": "newRaffleTxt", + "fill": "#FFFFFF", + "content": "New Raffle", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "700" + } + ] }, { - "type": "text", - "id": "j5Emo", - "name": "resetTextWL", - "fill": "#8B5CF6", - "content": "Reset Winners", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" + "type": "frame", + "id": "BlsNQ", + "name": "resetBtn3", + "width": "fill_container", + "height": 52, + "fill": "transparent", + "cornerRadius": 12, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "#2E2E38" + }, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "Jc9xG", + "name": "resetIco3", + "width": 18, + "height": 18, + "iconFontName": "rotate-ccw", + "iconFontFamily": "lucide", + "fill": "#8B5CF6" + }, + { + "type": "text", + "id": "7vSFG", + "name": "resetTxt3", + "fill": "#8B5CF6", + "content": "Reset Winners", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "600" + } + ] } ] }