suncheng/EmailBill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
704f58b1a17f3ac2936cad4d9aea470d3b50bbf7
EmailBill/v2.pen
SunCheng 704f58b1a1
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 24s
Details
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Details
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Details
Docker Build & Deploy / WeChat Notification (push) Successful in 3s
Details
fix
2026-01-30 10:41:19 +08:00

4954 lines
190 KiB
Plaintext
Raw Blame History

{
"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"
}
]
}
]
}
]
}
]
}
Reference in New Issue View Git Blame Copy Permalink