{ "version": "2.6", "children": [ { "type": "frame", "id": "bi8Au", "x": -1331, "y": 369, "name": "Frame", "clip": true, "width": 2770, "height": 1217, "fill": "#a2a2a2ff", "layout": "none", "children": [ { "type": "frame", "id": "PlVHb", "x": 440, "y": 14, "name": "Calendar (Dark)", "width": 402, "fill": "#09090B", "layout": "vertical", "children": [ { "type": "frame", "id": "gZpES", "name": "header", "width": "fill_container", "gap": 4, "padding": [ 8, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "KchUY", "name": "headerContent", "width": 142, "height": 39, "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "y8X8F", "name": "subtitle", "fill": "#a1a1aa", "content": "January 2026", "fontFamily": "DM Sans", "fontSize": 24, "fontWeight": "500" } ] }, { "type": "frame", "id": "f1LMO", "name": "notifBtn", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "UMWrV", "name": "icon", "width": 20, "height": 20, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "#f4f4f5" } ] } ] }, { "type": "frame", "id": "2f9Lt", "name": "calContainer", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "9uhuL", "name": "weekDays", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "bM7Rv", "name": "dayMon", "fill": "#71717a", "content": "M", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "Yq6GF", "name": "dayTue", "fill": "#71717a", "content": "T", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "CmxXJ", "name": "dayWed", "fill": "#71717a", "content": "W", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "mtCPr", "name": "dayThu", "fill": "#71717a", "content": "T", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "OrNBC", "name": "dayFri", "fill": "#71717a", "content": "F", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "wr9aj", "name": "daySat", "fill": "#71717a", "content": "S", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "vkGTs", "name": "daySun", "fill": "#71717a", "content": "S", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "8OVHm", "name": "calGrid", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "PoZdj", "name": "weekRow1", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "dbYbN", "name": "d1", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "KRJ9P", "name": "dc1", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "5Wsnk", "name": "t1", "fill": "#52525b", "content": "29", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "IjHl0", "name": "am1", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "cBULU", "name": "d2", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "PRMhS", "name": "dc2", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "GyZ9e", "name": "t2", "fill": "#52525b", "content": "30", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "K7WwK", "name": "am2", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "vN0jc", "name": "d3", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "pb3in", "name": "dc3", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "owoDO", "name": "t3", "fill": "#52525b", "content": "31", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "zRuua", "name": "am3", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "y4VZo", "name": "d4", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "UOMXP", "name": "dc4", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "R3LzE", "name": "t4", "fill": "#f4f4f5", "content": "1", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "U63Y9", "name": "am4", "fill": "#71717a", "content": "128", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "yaSMg", "name": "d5", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "c6drb", "name": "dc5", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "dKXbg", "name": "t5", "fill": "#f4f4f5", "content": "2", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "UoLQr", "name": "am5", "fill": "#71717a", "content": "45", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "qaMDR", "name": "d6", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "gUgyM", "name": "dc6", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tCNCN", "name": "t6", "fill": "#f4f4f5", "content": "3", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "RWZ6K", "name": "am6", "fill": "#71717a", "content": "230", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "1VQYS", "name": "d7", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "oAc5u", "name": "dc7", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "FSZDz", "name": "t7", "fill": "#f4f4f5", "content": "4", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Ya1v0", "name": "am7", "fill": "#71717a", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "B9B0z", "name": "weekRow2", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "NXFJE", "name": "d8", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "GcXgt", "name": "dc8", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tWHpg", "name": "t8", "fill": "#f4f4f5", "content": "5", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "8hc20", "name": "am8", "fill": "#71717a", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "YL5R1", "name": "d9", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "QVmej", "name": "dc9", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "uH1vo", "name": "t9", "fill": "#f4f4f5", "content": "6", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "1sMYh", "name": "am9", "fill": "#f87171", "content": "223", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "lb4DB", "name": "d10", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "5B45F", "name": "dc10", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "c6QXz", "name": "t10", "fill": "#f4f4f5", "content": "7", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "uuanY", "name": "am10", "fill": "#71717a", "content": "15", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "Zy1uP", "name": "d11", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "plRut", "name": "dc11", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "WjwqP", "name": "t11", "fill": "#f4f4f5", "content": "8", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "jTBmH", "name": "am11", "fill": "#71717a", "content": "34", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "pxQYa", "name": "d12", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "N43l5", "name": "dc12", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "z4Be0", "name": "t12", "fill": "#f4f4f5", "content": "9", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "oMqUr", "name": "am12", "fill": "#71717a", "content": "120", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "4Izh9", "name": "d13", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "T2eDU", "name": "dc13", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "SFJdY", "name": "t13", "fill": "#f4f4f5", "content": "10", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Ka4QA", "name": "am13", "fill": "#71717a", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "3jd1g", "name": "d14", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "GzO0j", "name": "dc14", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Cbwzh", "name": "t14", "fill": "#f4f4f5", "content": "11", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Oj9rX", "name": "am14", "fill": "#f87171", "content": "442", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "2G5FH", "name": "weekRow3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "IiGDk", "name": "d15", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "QSwXv", "name": "dc15", "width": 32, "height": 32, "fill": "#FF6B6B", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "MEoRp", "name": "t15", "fill": "#FFFFFF", "content": "12", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "text", "id": "UA6Uw", "name": "am15", "fill": "#FF6B6B", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "5cuAY", "name": "d16", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "6BPm7", "name": "dc16", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "IXOUv", "name": "t16", "fill": "#f4f4f5", "content": "13", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "ZpAVN", "name": "am16", "fill": "#71717a", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "oKVGz", "name": "d17", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "2If3g", "name": "dc17", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "xsR3f", "name": "t17", "fill": "#f4f4f5", "content": "14", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "tqpv6", "name": "am17", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "GwHZ1", "name": "d18", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "DcFj1", "name": "dc18", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "vKyRP", "name": "t18", "fill": "#f4f4f5", "content": "15", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "wN52j", "name": "am18", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "TUJJ0", "name": "d19", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "EVFSp", "name": "dc19", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CTLn4", "name": "t19", "fill": "#f4f4f5", "content": "16", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "NFNmG", "name": "am19", "fill": "#f87171", "content": "542", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "c96XU", "name": "d20", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "lkItC", "name": "dc20", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RChCK", "name": "t20", "fill": "#f4f4f5", "content": "17", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "3JM0X", "name": "am20", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "dPyYV", "name": "d21", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "PejUl", "name": "dc21", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "zssXc", "name": "t21", "fill": "#f4f4f5", "content": "18", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "B5z1P", "name": "am21", "fill": "#71717a", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "A88XH", "name": "weekRow4", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "G6LcR", "name": "d22", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "1hBSX", "name": "dc22", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ZrJQh", "name": "t22", "fill": "#f4f4f5", "content": "19", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "ehhJi", "name": "am22", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "y8YpI", "name": "d23", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "i1JSh", "name": "dc23", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "zQzCM", "name": "t23", "fill": "#f4f4f5", "content": "20", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "wysQz", "name": "am23", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "frJ4V", "name": "d24", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "t4m6z", "name": "dc24", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "rs2zW", "name": "t24", "fill": "#f4f4f5", "content": "21", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "IbwTE", "name": "am24", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "gFbFw", "name": "d25", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "8RX85", "name": "dc25", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "gUEjR", "name": "t25", "fill": "#f4f4f5", "content": "22", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "MiEIb", "name": "am25", "fill": "#71717a", "content": "125", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "mTHMU", "name": "d26", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "OMJpQ", "name": "dc26", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "H4pzG", "name": "t26", "fill": "#f4f4f5", "content": "23", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "2p2Tu", "name": "am26", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "tLtM7", "name": "d27", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "78SmJ", "name": "dc27", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "l4IJO", "name": "t27", "fill": "#f4f4f5", "content": "24", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "lFzIc", "name": "am27", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "iVLMS", "name": "d28", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "IPzvR", "name": "dc28", "width": 32, "height": 32, "fill": "#27272a", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "YQW7p", "name": "t28", "fill": "#f4f4f5", "content": "25", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "2reDd", "name": "am28", "fill": "#71717a", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "Xm1yI", "name": "stats", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "WDuPW", "name": "statsHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "KQpEH", "name": "statsTitle", "fill": "#f4f4f5", "content": "Daily Stats", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "pCjJG", "name": "statsDate", "fill": "#a1a1aa", "content": "Jan 12, 2026", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "UeZs3", "name": "statsCard", "width": "fill_container", "fill": "#18181b", "cornerRadius": 20, "layout": "vertical", "gap": 12, "padding": 20, "children": [ { "type": "frame", "id": "OfF2p", "name": "statsRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "sCMmg", "name": "statsLabel", "fill": "#a1a1aa", "content": "Total Spent", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "0M3qd", "name": "b1", "fill": "#451a03", "cornerRadius": 12, "padding": [ 6, 10 ], "children": [ { "type": "text", "id": "SLQhU", "name": "t29", "fill": "#fbbf24", "content": "Daily Limit: 2500", "fontFamily": "DM Sans", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "text", "id": "Bigj4", "name": "statsVal", "fill": "#f4f4f5", "content": "¥ 1,248.50", "fontFamily": "Bricolage Grotesque", "fontSize": 32, "fontWeight": "800" } ] } ] }, { "type": "frame", "id": "rINjA", "name": "txnList", "width": "fill_container", "layout": "vertical", "gap": 12, "padding": 24, "children": [ { "type": "frame", "id": "YJSsM", "name": "txnHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "enDNe", "name": "txnTitle", "fill": "#f4f4f5", "content": "Transactions", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "Z5Pf4", "name": "rightActions", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "qR22i", "name": "b2", "fill": "#064e3b", "cornerRadius": 12, "padding": [ 6, 12 ], "children": [ { "type": "text", "id": "z9Gyq", "name": "t30", "fill": "#4ade80", "content": "3 Items", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "xB6Pm", "name": "smartBtn", "fill": "#312e81", "cornerRadius": 12, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "U9fdo", "name": "iconSmart", "width": 14, "height": 14, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "#6366F1" }, { "type": "text", "id": "mAvBq", "name": "labelSmart", "fill": "#818cf8", "content": "Smart", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "8wsnb", "name": "tCard1", "width": "fill_container", "fill": "#18181b", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "D468k", "name": "tCat1", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "uyr5m", "name": "icon2", "width": 20, "height": 20, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#FF6B6B" } ] }, { "type": "frame", "id": "b1hWR", "name": "tContent1", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "iEA77", "name": "tName1", "fill": "#f4f4f5", "content": "Lunch", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "dUUKV", "name": "tTime1", "fill": "#71717a", "content": "12:30 PM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "rQZsd", "name": "tAmount1", "fill": "#f4f4f5", "content": "-58.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "B65gq", "name": "tCard2", "width": "fill_container", "fill": "#18181b", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "Y9qhs", "name": "tCat2", "width": 44, "height": 44, "fill": "#27272a", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "pCURs", "name": "icon3", "width": 20, "height": 20, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "#FCD34D" } ] }, { "type": "frame", "id": "bmO5H", "name": "tContent2", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "MfTBA", "name": "tName2", "fill": "#f4f4f5", "content": "Coffee", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "VENve", "name": "tTime2", "fill": "#71717a", "content": "08:15 AM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "mnUuS", "name": "tAmount2", "fill": "#f4f4f5", "content": "-24.50", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "uxvyO", "x": 12, "y": 14, "name": "Calendar", "width": 402, "fill": "#FFFFFF", "layout": "vertical", "children": [ { "type": "frame", "id": "MegAe", "name": "header", "rotation": 0.0027546259757699116, "width": "fill_container", "gap": 4, "padding": [ 8, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "lIUUB", "name": "headerContent", "width": 142, "height": 39, "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "TRl09", "name": "subtitle", "fill": "#1a1a1a", "content": "January 2026", "fontFamily": "DM Sans", "fontSize": 24, "fontWeight": "500" } ] }, { "type": "frame", "id": "nHzgV", "name": "notifBtn", "width": 44, "height": 44, "fill": "#F5F5F5", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "agodm", "name": "icon", "width": 20, "height": 20, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "#1A1A1A" } ] } ] }, { "type": "frame", "id": "9YwOQ", "name": "calContainer", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "Enjcs", "name": "weekDays", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "aezRw", "name": "dayMon", "fill": "#9CA3AF", "content": "M", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "N2dL2", "name": "dayTue", "fill": "#9CA3AF", "content": "T", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "Ke1I4", "name": "dayWed", "fill": "#9CA3AF", "content": "W", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "3dtCH", "name": "dayThu", "fill": "#9CA3AF", "content": "T", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "LZt56", "name": "dayFri", "fill": "#9CA3AF", "content": "F", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "Hx4gg", "name": "daySat", "fill": "#9CA3AF", "content": "S", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "XOxOU", "name": "daySun", "fill": "#9CA3AF", "content": "S", "textAlign": "center", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "MzWmb", "name": "calGrid", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "XgyNi", "name": "weekRow1", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "JBD2B", "name": "d1", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "XhOQb", "name": "dc1", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "dWILj", "name": "t1", "fill": "#E5E7EB", "content": "29", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "QbkMj", "name": "am1", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "QtOsX", "name": "d2", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "RPQpK", "name": "dc2", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CBkej", "name": "t2", "fill": "#E5E7EB", "content": "30", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "YJFdL", "name": "am2", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "Pii3V", "name": "d3", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "ue39l", "name": "dc3", "width": 32, "height": 32, "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CHPSF", "name": "t3", "fill": "#E5E7EB", "content": "31", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "7Or04", "name": "am3", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "I7lCG", "name": "d4", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "JQoG1", "name": "dc4", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RPCCr", "name": "t4", "fill": "#1A1A1A", "content": "1", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "gpAZh", "name": "am4", "fill": "#9CA3AF", "content": "128", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "mXGeX", "name": "d5", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "URBQs", "name": "dc5", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "S9S3w", "name": "t5", "fill": "#1A1A1A", "content": "2", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "N52TS", "name": "am5", "fill": "#9CA3AF", "content": "45", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "loEBf", "name": "d6", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "ON05s", "name": "dc6", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "6FPhN", "name": "t6", "fill": "#1A1A1A", "content": "3", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "2UghI", "name": "am6", "fill": "#9CA3AF", "content": "230", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "1PGUK", "name": "d7", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "ned05", "name": "dc7", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CIR5a", "name": "t7", "fill": "#1A1A1A", "content": "4", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "7BADs", "name": "am7", "fill": "#9CA3AF", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "Tz6sw", "name": "weekRow2", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "v6FYA", "name": "d8", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "WrZZI", "name": "dc8", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "UdO3y", "name": "t8", "fill": "#1A1A1A", "content": "5", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "fy2Yh", "name": "am8", "fill": "#9CA3AF", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "1Oq9t", "name": "d9", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "AjEZ8", "name": "dc9", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "qLQsc", "name": "t9", "fill": "#1A1A1A", "content": "6", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "3F9fG", "name": "am9", "fill": "#EF4444", "content": "223", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "srFBq", "name": "d10", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "enmB7", "name": "dc10", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "TfE49", "name": "t10", "fill": "#1A1A1A", "content": "7", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "jCZPU", "name": "am10", "fill": "#9CA3AF", "content": "15", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "kS4Kf", "name": "d11", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "9qTqV", "name": "dc11", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Wjqtw", "name": "t11", "fill": "#1A1A1A", "content": "8", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "fxn2U", "name": "am11", "fill": "#9CA3AF", "content": "34", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "f1EBM", "name": "d12", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "InU2S", "name": "dc12", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "CSPDo", "name": "t12", "fill": "#1A1A1A", "content": "9", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "NrqQD", "name": "am12", "fill": "#9CA3AF", "content": "120", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "I1fba", "name": "d13", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "EAgBn", "name": "dc13", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "scRqy", "name": "t13", "fill": "#1A1A1A", "content": "10", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "JOjx8", "name": "am13", "fill": "#9CA3AF", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "JzeYH", "name": "d14", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "kk5e3", "name": "dc14", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "451de", "name": "t14", "fill": "#1A1A1A", "content": "11", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "FcKGz", "name": "am14", "fill": "#EF4444", "content": "442", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "qeTBg", "name": "weekRow3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "QBeoF", "name": "d15", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "Y4Kg7", "name": "dc15", "width": 32, "height": 32, "fill": "#FF6B6B", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "8SaXC", "name": "t15", "fill": "#FFFFFF", "content": "12", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "text", "id": "uB5CO", "name": "am15", "fill": "#FF6B6B", "content": "88", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "heNOl", "name": "d16", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "CKGtu", "name": "dc16", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "PgD7j", "name": "t16", "fill": "#1A1A1A", "content": "13", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Ycdcs", "name": "am16", "fill": "#9CA3AF", "content": "12", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "hFEQc", "name": "d17", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "mXxIa", "name": "dc17", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tCINE", "name": "t17", "fill": "#1A1A1A", "content": "14", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "Lj583", "name": "am17", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "XJVek", "name": "d18", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "IxLqo", "name": "dc18", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "gwmL4", "name": "t18", "fill": "#1A1A1A", "content": "15", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "bNCuc", "name": "am18", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "FPohm", "name": "d19", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "TVF3v", "name": "dc19", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "63eTB", "name": "t19", "fill": "#1A1A1A", "content": "16", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "xhfrp", "name": "am19", "fill": "#EF4444", "content": "542", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "qFLHx", "name": "d20", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "wGsmZ", "name": "dc20", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "wNBoF", "name": "t20", "fill": "#1A1A1A", "content": "17", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "dkPzp", "name": "am20", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "GTesZ", "name": "d21", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "3ophX", "name": "dc21", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "JWTIJ", "name": "t21", "fill": "#1A1A1A", "content": "18", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "N2f1o", "name": "am21", "fill": "#9CA3AF", "content": "56", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "BL0GO", "name": "weekRow4", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "raA89", "name": "d22", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "QGMW6", "name": "dc22", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "OX8Sq", "name": "t22", "fill": "#1A1A1A", "content": "19", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "MmNjH", "name": "am22", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "3fEct", "name": "d23", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "JFV6n", "name": "dc23", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "A4z3Z", "name": "t23", "fill": "#1A1A1A", "content": "20", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "75jXV", "name": "am23", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "YhsCg", "name": "d24", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "4bAao", "name": "dc24", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "JtMNu", "name": "t24", "fill": "#1A1A1A", "content": "21", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "uK3E1", "name": "am24", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "f8Paa", "name": "d25", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "0ePSV", "name": "dc25", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ObCLU", "name": "t25", "fill": "#1A1A1A", "content": "22", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "kC1um", "name": "am25", "fill": "#9CA3AF", "content": "125", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "XVmli", "name": "d26", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "XCBcY", "name": "dc26", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "kP95q", "name": "t26", "fill": "#1A1A1A", "content": "23", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "RK4Ry", "name": "am26", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "vL4sE", "name": "d27", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "tP6nn", "name": "dc27", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "VrxS3", "name": "t27", "fill": "#1A1A1A", "content": "24", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "mvwdI", "name": "am27", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] }, { "type": "frame", "id": "nx6xt", "name": "d28", "width": 44, "layout": "vertical", "gap": 2, "alignItems": "center", "children": [ { "type": "frame", "id": "gUQjY", "name": "dc28", "width": 32, "height": 32, "fill": "#F3F4F6", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ro5rV", "name": "t28", "fill": "#1A1A1A", "content": "25", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "text", "id": "xXWh0", "name": "am28", "fill": "#9CA3AF", "content": " ", "fontFamily": "DM Sans", "fontSize": 9, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "vfW2m", "name": "stats", "width": "fill_container", "layout": "vertical", "gap": 16, "padding": 24, "children": [ { "type": "frame", "id": "ycEV7", "name": "statsHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "LMdOg", "name": "statsTitle", "fill": "#1A1A1A", "content": "Daily Stats", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "1TSK3", "name": "statsDate", "fill": "#6B7280", "content": "Jan 12, 2026", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "JY4Fd", "name": "statsCard", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 20, "layout": "vertical", "gap": 12, "padding": 20, "children": [ { "type": "frame", "id": "UiJYD", "name": "statsRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "QBHWG", "name": "statsLabel", "fill": "#6B7280", "content": "Total Spent", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "6TcZ1", "name": "b1", "fill": "#FFFBEB", "cornerRadius": 12, "padding": [ 6, 10 ], "children": [ { "type": "text", "id": "znYtx", "name": "t29", "fill": "#D97706", "content": "Daily Limit: 2500", "fontFamily": "DM Sans", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "text", "id": "nNirO", "name": "statsVal", "fill": "#1A1A1A", "content": "¥ 1,248.50", "fontFamily": "Bricolage Grotesque", "fontSize": 32, "fontWeight": "800" } ] } ] }, { "type": "frame", "id": "zIeUQ", "name": "txnList", "width": "fill_container", "layout": "vertical", "gap": 12, "padding": 24, "children": [ { "type": "frame", "id": "eL4ER", "name": "txnHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "78oRL", "name": "txnTitle", "fill": "#1A1A1A", "content": "Transactions", "fontFamily": "Bricolage Grotesque", "fontSize": 18, "fontWeight": "700" }, { "type": "frame", "id": "QEbB1", "name": "rightActions", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "2qH3a", "name": "b2", "fill": "#F0FDF4", "cornerRadius": 12, "padding": [ 6, 12 ], "children": [ { "type": "text", "id": "DkXPS", "name": "t30", "fill": "#22C55E", "content": "3 Items", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "NnlVI", "name": "smartBtn", "fill": "#E0E7FF", "cornerRadius": 12, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "3soq6", "name": "iconSmart", "width": 14, "height": 14, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "#6366F1" }, { "type": "text", "id": "nbGbR", "name": "labelSmart", "fill": "#6366F1", "content": "Smart", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "5H1y6", "name": "tCard1", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "jJBQ3", "name": "tCat1", "width": 44, "height": 44, "fill": "#FFFFFF", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "99rCw", "name": "icon2", "width": 20, "height": 20, "iconFontName": "star", "iconFontFamily": "lucide", "fill": "#FF6B6B" } ] }, { "type": "frame", "id": "1R9if", "name": "tContent1", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "tD6vR", "name": "tName1", "fill": "#1A1A1A", "content": "Lunch", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "PmzGy", "name": "tTime1", "fill": "#9CA3AF", "content": "12:30 PM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "0u2rh", "name": "tAmount1", "fill": "#1A1A1A", "content": "-58.00", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "frame", "id": "GgQ7u", "name": "tCard2", "width": "fill_container", "fill": "#F6F7F8", "cornerRadius": 16, "gap": 14, "padding": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "HVEFt", "name": "tCat2", "width": 44, "height": 44, "fill": "#FFFFFF", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "CiSSG", "name": "icon3", "width": 20, "height": 20, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "#FCD34D" } ] }, { "type": "frame", "id": "4Bu2K", "name": "tContent2", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "WeLFp", "name": "tName2", "fill": "#1A1A1A", "content": "Coffee", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "MpyeL", "name": "tTime2", "fill": "#9CA3AF", "content": "08:15 AM", "fontFamily": "DM Sans", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "jUaEO", "name": "tAmount2", "fill": "#1A1A1A", "content": "-24.50", "fontFamily": "DM Sans", "fontSize": 15, "fontWeight": "700" } ] } ] } ] } ] }, { "type": "frame", "id": "5SxtQ", "x": -464, "y": 381, "name": "Stats V4 (SVG Fixed)", "width": 446, "height": 1521, "fill": "#0C0C0C", "cornerRadius": 16, "layout": "vertical", "gap": 24, "padding": [ 32, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "AgxRj", "name": "headerSection", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "zhPfk", "name": "headerTitle", "fill": "#FFFFFF", "content": "January 2026", "fontFamily": "Sora", "fontSize": 18, "fontWeight": "normal" }, { "type": "text", "id": "9P4uj", "name": "headerSubtitle", "fill": "#8A8A8A", "content": "Expenses", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" } ] }, { "type": "frame", "id": "mtdwX", "name": "totalArea", "width": "fill_container", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "uQiaE", "name": "totalLabel", "fill": "#8A8A8A", "content": "Total Expenses", "textAlign": "center", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal", "letterSpacing": 1.5 }, { "type": "text", "id": "S4Fs3", "name": "totalValue", "fill": "#FFFFFF", "content": "¥4,030", "textAlign": "center", "fontFamily": "Sora", "fontSize": 56, "fontWeight": "normal", "letterSpacing": -2.5 } ] }, { "type": "frame", "id": "AUnCh", "name": "header", "width": "fill_container", "height": 70, "padding": [ 20, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "OgWZe", "name": "dateWrap", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "WGpyI", "name": "dateTxt", "fill": "#f4f4f5", "content": "January 2026", "fontFamily": "Bricolage Grotesque", "fontSize": 20, "fontWeight": "700" }, { "type": "path", "id": "nKPIO", "name": "dateIcon", "width": 16, "height": 16 } ] }, { "type": "path", "id": "53ZP5", "name": "chatIcon", "width": 24, "height": 24 } ] }, { "type": "frame", "id": "6top3", "name": "statCards", "width": "fill_container", "gap": 12, "children": [ { "type": "frame", "id": "BkvW7", "name": "avgCard", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "layout": "vertical", "gap": 8, "padding": 16, "children": [ { "type": "text", "id": "LWquF", "name": "avgValue", "fill": "#FFFFFF", "content": "¥1,343", "fontFamily": "Sora", "fontSize": 24, "fontWeight": "normal" }, { "type": "text", "id": "85Pqz", "name": "avgLabel", "fill": "#8A8A8A", "content": "Daily Average", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "64JhR", "name": "itemCard", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "layout": "vertical", "gap": 8, "padding": 16, "children": [ { "type": "text", "id": "hd4i6", "name": "itemValue", "fill": "#FFFFFF", "content": "25", "fontFamily": "Sora", "fontSize": 24, "fontWeight": "normal" }, { "type": "text", "id": "s7zBo", "name": "itemLabel", "fill": "#8A8A8A", "content": "Total Items", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "1LyRk", "name": "finalDivider", "width": "fill_container", "height": 1, "fill": "#2A2A2A" }, { "type": "frame", "id": "E8Pl1", "name": "progressSection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "tlLKR", "name": "progressBar", "clip": true, "width": "fill_container", "height": 6, "cornerRadius": 3, "children": [ { "type": "frame", "id": "d8iv1", "name": "foodProgress", "width": 120, "height": "fill_container", "fill": "#FF3B30" }, { "type": "frame", "id": "QKEEF", "name": "transportProgress", "width": 120, "height": "fill_container", "fill": "#3B82F6" }, { "type": "frame", "id": "A9PpK", "name": "shoppingProgress", "width": 118, "height": "fill_container", "fill": "#8B5CF6" } ] }, { "type": "frame", "id": "G97sN", "name": "legendRow", "width": "fill_container", "gap": 16, "justifyContent": "center", "children": [ { "type": "frame", "id": "B5u2r", "name": "foodLegend", "gap": 6, "alignItems": "center", "children": [ { "type": "frame", "id": "JXt6W", "name": "foodDot", "width": 8, "height": 8, "fill": "#FF3B30", "cornerRadius": 4 }, { "type": "text", "id": "cQYfJ", "name": "foodText", "fill": "#8A8A8A", "content": "Food", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "zNx0h", "name": "transportLegend", "gap": 6, "alignItems": "center", "children": [ { "type": "frame", "id": "YbZIK", "name": "transportDot", "width": 8, "height": 8, "fill": "#3B82F6", "cornerRadius": 4 }, { "type": "text", "id": "zNN1M", "name": "transportText", "fill": "#8A8A8A", "content": "Transport", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "CBwOl", "name": "shoppingLegend", "gap": 6, "alignItems": "center", "children": [ { "type": "frame", "id": "fJaZb", "name": "shoppingDot", "width": 8, "height": 8, "fill": "#8B5CF6", "cornerRadius": 4 }, { "type": "text", "id": "InVQ4", "name": "shoppingText", "fill": "#8A8A8A", "content": "Shopping", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "JuK2m", "name": "categorySection", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "FF8uc", "name": "categoryHeader", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "LjVs8", "name": "categoryLine", "width": 24, "height": 2, "fill": "#FF3B30" }, { "type": "text", "id": "AC0ei", "name": "categoryLabel", "fill": "#8A8A8A", "content": "CATEGORIES", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal", "letterSpacing": 2 } ] }, { "type": "frame", "id": "ytvad", "name": "listSection", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "1GHZJ", "name": "card1", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "gap": 16, "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "0L649", "name": "card1Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "81DZv", "name": "card1Icon", "metadata": { "type": "unsplash", "username": "maartenvnmlct", "link": "https://unsplash.com/@maartenvnmlct", "author": "Maarten" }, "width": 40, "height": 40, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1761245193924-53a5a4bed9ef?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3Njk2NjY5ODF8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 20, "layout": "none" }, { "type": "frame", "id": "0k8Or", "name": "card1Text", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "tC3eF", "name": "card1Title", "fill": "#FFFFFF", "content": "Food & Dining", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "mD5ou", "name": "card1Sub", "fill": "#8A8A8A", "content": "12 items", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "hvR91", "name": "card1Right", "fill": "#FFFFFF", "content": "-¥840", "fontFamily": "Sora", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "EziPa", "name": "card2", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "gap": 16, "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "ddTYH", "name": "card2Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "Fvpdk", "name": "card2Icon", "metadata": { "type": "unsplash", "username": "raphaelrousseauphotography", "link": "https://unsplash.com/@raphaelrousseauphotography", "author": "Raphael Rousseau" }, "width": 40, "height": 40, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1768839898435-d685ae66331c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3Njk2NjY5ODF8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 20, "layout": "none" }, { "type": "frame", "id": "NsbZA", "name": "card2Text", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "m22ip", "name": "card2Title", "fill": "#FFFFFF", "content": "Transport", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "6Qww5", "name": "card2Sub", "fill": "#8A8A8A", "content": "8 trips", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "6V8v3", "name": "card2Right", "fill": "#FFFFFF", "content": "-¥620", "fontFamily": "Sora", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "yVthk", "name": "card3", "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 12, "gap": 16, "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "SdQDB", "name": "card3Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "7TbFz", "name": "card3Icon", "metadata": { "type": "unsplash", "username": "silverkblack", "link": "https://unsplash.com/@silverkblack", "author": "Vitaly Gariev" }, "width": 40, "height": 40, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1758525223453-06095a7459ce?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3Njk2NjY5ODJ8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 20, "layout": "none" }, { "type": "frame", "id": "yixKH", "name": "card3Text", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "eHVkB", "name": "card3Title", "fill": "#FFFFFF", "content": "Shopping", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "ILEMU", "name": "card3Sub", "fill": "#8A8A8A", "content": "5 items", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "xl30n", "name": "card3Right", "fill": "#FFFFFF", "content": "-¥650", "fontFamily": "Sora", "fontSize": 16, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "KIXMB", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 0, 24, 24, 24 ], "children": [ { "type": "frame", "id": "8XMYQ", "name": "chartCard", "width": "fill_container", "fill": "#18181b", "cornerRadius": 24, "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "ce8uZ", "name": "ccHeader", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "text", "id": "CUB0A", "name": "ccTitle", "fill": "#f4f4f5", "content": "Expenses", "fontFamily": "DM Sans", "fontSize": 16, "fontWeight": "600" }, { "type": "text", "id": "LRlb5", "name": "ccAmt", "fill": "#a1a1aa", "content": "¥ 2,520", "fontFamily": "Bricolage Grotesque", "fontSize": 16, "fontWeight": "600" } ] }, { "type": "frame", "id": "X9Vx2", "name": "chartRow", "width": "fill_container", "gap": 24, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "JmTXA", "name": "svgBox", "width": 160, "height": 160, "layout": "none", "children": [ { "type": "path", "id": "OABrB", "x": 0, "y": 0, "name": "slice1", "fill": "#f59e0b", "width": 160, "height": 160 }, { "type": "path", "id": "jYhTp", "x": 0, "y": 0, "name": "slice2", "fill": "#3b82f6", "width": 160, "height": 160 }, { "type": "path", "id": "FlwfN", "x": 0, "y": 0, "name": "slice3", "fill": "#ec4899", "width": 160, "height": 160 }, { "type": "ellipse", "id": "GdBes", "x": 30, "y": 30, "name": "hole", "fill": "#18181b", "width": 100, "height": 100 }, { "type": "frame", "id": "YmYtY", "x": 0, "y": 0, "name": "centerFrame", "width": 160, "height": 160, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "bk1NG", "name": "centerTxt", "fill": "#71717a", "content": "Total", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "iQy2O", "name": "legendRow", "width": "fill_container", "padding": [ 0, 12 ], "justifyContent": "space_between", "children": [ { "type": "frame", "id": "fSyOk", "name": "l1", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "ellipse", "id": "briMI", "name": "l1Dot", "fill": "#f59e0b", "width": 8, "height": 8 }, { "type": "text", "id": "TWYYu", "name": "l1Txt", "fill": "#f4f4f5", "content": "Food", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "EZcAF", "name": "l1Pct", "fill": "#71717a", "content": "33%", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Ehjk4", "name": "l2", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "ellipse", "id": "w1Qb8", "name": "l2Dot", "fill": "#3b82f6", "width": 8, "height": 8 }, { "type": "text", "id": "4DosX", "name": "l2Txt", "fill": "#f4f4f5", "content": "Transport", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "pK1dD", "name": "l2Pct", "fill": "#71717a", "content": "33%", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wu9Cc", "name": "l3", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "ellipse", "id": "t0vBe", "name": "l3Dot", "fill": "#ec4899", "width": 8, "height": 8 }, { "type": "text", "id": "UdWlw", "name": "l3Txt", "fill": "#f4f4f5", "content": "Shopping", "fontFamily": "DM Sans", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "nAMYg", "name": "l3Pct", "fill": "#71717a", "content": "33%", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "HU4yM", "name": "CategoryGrid", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "tmAdW", "name": "ci1", "width": "fill_container", "height": 72, "fill": "#18181b", "cornerRadius": 16, "padding": [ 0, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "5gmc6", "name": "ci1Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "UMsdW", "name": "ci1Icon", "width": 40, "height": 40, "fill": "#27272a", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "jdOef", "name": "ci1Emoji", "content": "🍔", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "normal" } ] }, { "type": "frame", "id": "bugbO", "name": "ci1Text", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "Z0h6e", "name": "ci1Name", "fill": "#f4f4f5", "content": "Food & Dining", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "500" }, { "type": "text", "id": "gwJsz", "name": "ci1Sub", "fill": "#71717a", "content": "12 txns", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "g58W4", "name": "ci1Right", "fill": "#f4f4f5", "content": "- ¥840", "fontFamily": "Bricolage Grotesque", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "h1g4Q", "name": "ci2", "width": "fill_container", "height": 72, "fill": "#18181b", "cornerRadius": 16, "padding": [ 0, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "IwdqZ", "name": "ci2Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "FRUpc", "name": "ci2Icon", "width": 40, "height": 40, "fill": "#27272a", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "hyt7m", "name": "ci2Emoji", "content": "🚇", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "normal" } ] }, { "type": "frame", "id": "RjBVz", "name": "ci2Text", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "SAZBV", "name": "ci2Name", "fill": "#f4f4f5", "content": "Transport", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "500" }, { "type": "text", "id": "pN7Du", "name": "ci2Sub", "fill": "#71717a", "content": "8 txns", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "T8Gqv", "name": "ci2Right", "fill": "#f4f4f5", "content": "- ¥620", "fontFamily": "Bricolage Grotesque", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "VHheL", "name": "ci3", "width": "fill_container", "height": 72, "fill": "#18181b", "cornerRadius": 16, "padding": [ 0, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "kYgLv", "name": "ci3Left", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "6pj68", "name": "ci3Icon", "width": 40, "height": 40, "fill": "#27272a", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "BpZke", "name": "ci3Emoji", "content": "🛍️", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "normal" } ] }, { "type": "frame", "id": "AmZVA", "name": "ci3Text", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "Lzb3y", "name": "ci3Name", "fill": "#f4f4f5", "content": "Shopping", "fontFamily": "DM Sans", "fontSize": 14, "fontWeight": "500" }, { "type": "text", "id": "q5Tfg", "name": "ci3Sub", "fill": "#71717a", "content": "4 txns", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "ckZ4L", "name": "ci3Right", "fill": "#f4f4f5", "content": "- ¥450", "fontFamily": "Bricolage Grotesque", "fontSize": 14, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "t0wmE", "name": "navigation", "width": "fill_container", "height": 83, "fill": "#09090B", "justifyContent": "space_around", "alignItems": "center", "children": [ { "type": "frame", "id": "N4EkI", "name": "nav1", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "path", "id": "AXq3Q", "name": "nav1Icon", "width": 24, "height": 24 }, { "type": "text", "id": "NitpS", "name": "nav1Txt", "fill": "#71717a", "content": "Home", "fontFamily": "DM Sans", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wYYDU", "name": "nav2", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "path", "id": "BPGEq", "name": "nav2Icon", "width": 24, "height": 24 }, { "type": "text", "id": "9q0Tg", "name": "nav2Txt", "fill": "#71717a", "content": "Chat", "fontFamily": "DM Sans", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Z1RTB", "name": "nav3", "width": 48, "height": 48, "fill": "#f4f4f5", "cornerRadius": 24, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "nbDqm", "name": "nav3Icon", "width": 24, "height": 24 } ] }, { "type": "frame", "id": "U5Na8", "name": "nav4", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "path", "id": "J7U2k", "name": "nav4Icon", "width": 24, "height": 24 }, { "type": "text", "id": "Fxphz", "name": "nav4Txt", "fill": "#f4f4f5", "content": "Stats", "fontFamily": "DM Sans", "fontSize": 10, "fontWeight": "700" } ] }, { "type": "frame", "id": "3ZAKT", "name": "nav5", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "path", "id": "rnT5I", "name": "nav5Icon", "width": 24, "height": 24 }, { "type": "text", "id": "pzUFj", "name": "nav5Txt", "fill": "#71717a", "content": "Profile", "fontFamily": "DM Sans", "fontSize": 10, "fontWeight": "normal" } ] } ] } ] } ] }