From d1c8bbc70a12d81dcc3f127afbb3de02966defff Mon Sep 17 00:00:00 2001 From: daniel Date: Mon, 20 Apr 2026 10:44:52 +0000 Subject: [PATCH] init --- flow_overview.excalidraw | 1 + prd_digital_home.md | 435 +++++++++++++++++++++++++++++++++ structure.excalidraw | 1 + wireframe_album.excalidraw | 1 + wireframe_guestbook.excalidraw | 1 + wireframe_homepage.excalidraw | 1 + wireframe_settings.excalidraw | 1 + wireframe_timeline.excalidraw | 1 + 8 files changed, 442 insertions(+) create mode 100644 flow_overview.excalidraw create mode 100644 prd_digital_home.md create mode 100644 structure.excalidraw create mode 100644 wireframe_album.excalidraw create mode 100644 wireframe_guestbook.excalidraw create mode 100644 wireframe_homepage.excalidraw create mode 100644 wireframe_settings.excalidraw create mode 100644 wireframe_timeline.excalidraw diff --git a/flow_overview.excalidraw b/flow_overview.excalidraw new file mode 100644 index 0000000..e6ac9f6 --- /dev/null +++ b/flow_overview.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "text", "id": "flow_title", "x": 50, "y": 30, "text": "核心功能流程圖", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "核心功能流程圖", "autoResize": true, "width": 92.4, "height": 29}, {"type": "text", "id": "flow1_title", "x": 50, "y": 80, "text": "1. 新使用者引導", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "1. 新使用者引導", "autoResize": true, "width": 89.10000000000001, "height": 23}, {"type": "rectangle", "id": "f1_0", "x": 50, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_0", "type": "text"}]}, {"type": "text", "id": "t_f1_0", "x": 60, "y": 125.0, "width": 140, "height": 25, "text": "註冊", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_0", "originalText": "註冊", "autoResize": true}, {"type": "arrow", "id": "f1a_0", "x": 210, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_1", "x": 250, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_1", "type": "text"}]}, {"type": "text", "id": "t_f1_1", "x": 260, "y": 125.0, "width": 140, "height": 25, "text": "選擇網址", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_1", "originalText": "選擇網址", "autoResize": true}, {"type": "arrow", "id": "f1a_1", "x": 410, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_2", "x": 450, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_2", "type": "text"}]}, {"type": "text", "id": "t_f1_2", "x": 460, "y": 125.0, "width": 140, "height": 25, "text": "設定頭像/封面/自介", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_2", "originalText": "設定頭像/封面/自介", "autoResize": true}, {"type": "arrow", "id": "f1a_2", "x": 610, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_3", "x": 650, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_3", "type": "text"}]}, {"type": "text", "id": "t_f1_3", "x": 660, "y": 125.0, "width": 140, "height": 25, "text": "邀請朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_3", "originalText": "邀請朋友", "autoResize": true}, {"type": "arrow", "id": "f1a_3", "x": 810, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_4", "x": 850, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_4", "type": "text"}]}, {"type": "text", "id": "t_f1_4", "x": 860, "y": 125.0, "width": 140, "height": 25, "text": "建立首本相簿", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_4", "originalText": "建立首本相簿", "autoResize": true}, {"type": "arrow", "id": "f1a_4", "x": 1010, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_5", "x": 1050, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_5", "type": "text"}]}, {"type": "text", "id": "t_f1_5", "x": 1060, "y": 125.0, "width": 140, "height": 25, "text": "完成", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_5", "originalText": "完成", "autoResize": true}, {"type": "text", "id": "flow2_title", "x": 50, "y": 195, "text": "2. 日常使用", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "2. 日常使用", "autoResize": true, "width": 69.30000000000001, "height": 23}, {"type": "rectangle", "id": "f2_login", "x": 50, "y": 230, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2_login", "type": "text"}]}, {"type": "text", "id": "t_f2_login", "x": 60, "y": 240.0, "width": 100, "height": 25, "text": "登入", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2_login", "originalText": "登入", "autoResize": true}, {"type": "arrow", "id": "f2a_0", "x": 170, "y": 250, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2_home", "x": 200, "y": 230, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2_home", "type": "text"}]}, {"type": "text", "id": "t_f2_home", "x": 210, "y": 240.0, "width": 100, "height": 25, "text": "首頁", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2_home", "originalText": "首頁", "autoResize": true}, {"type": "arrow", "id": "f2a_1", "x": 260, "y": 270, "width": 0, "height": 20, "points": [[0, 0], [0, 20]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_0", "x": 200, "y": 290, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_0", "type": "text"}]}, {"type": "text", "id": "t_f2b_0", "x": 210, "y": 300.0, "width": 120, "height": 25, "text": "發佈貼文", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_0", "originalText": "發佈貼文", "autoResize": true}, {"type": "arrow", "id": "f2c_0", "x": 340, "y": 310, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2d_0", "x": 370, "y": 290, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2d_0", "type": "text"}]}, {"type": "text", "id": "t_f2d_0", "x": 380, "y": 300.0, "width": 100, "height": 25, "text": "選隱私→發佈", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2d_0", "originalText": "選隱私→發佈", "autoResize": true}, {"type": "arrow", "id": "f2a_2", "x": 260, "y": 270, "width": 0, "height": 75, "points": [[0, 0], [0, 75]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_1", "x": 200, "y": 345, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_1", "type": "text"}]}, {"type": "text", "id": "t_f2b_1", "x": 210, "y": 355.0, "width": 120, "height": 25, "text": "建立相簿", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_1", "originalText": "建立相簿", "autoResize": true}, {"type": "arrow", "id": "f2c_1", "x": 340, "y": 365, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2d_1", "x": 370, "y": 345, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2d_1", "type": "text"}]}, {"type": "text", "id": "t_f2d_1", "x": 380, "y": 355.0, "width": 100, "height": 25, "text": "上傳→設隱私", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2d_1", "originalText": "上傳→設隱私", "autoResize": true}, {"type": "arrow", "id": "f2a_3", "x": 260, "y": 270, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_2", "x": 200, "y": 400, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_2", "type": "text"}]}, {"type": "text", "id": "t_f2b_2", "x": 210, "y": 410.0, "width": 120, "height": 25, "text": "拜訪朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_2", "originalText": "拜訪朋友", "autoResize": true}, {"type": "arrow", "id": "f2a_4", "x": 260, "y": 270, "width": 0, "height": 185, "points": [[0, 0], [0, 185]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_3", "x": 200, "y": 455, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_3", "type": "text"}]}, {"type": "text", "id": "t_f2b_3", "x": 210, "y": 465.0, "width": 120, "height": 25, "text": "管理設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_3", "originalText": "管理設定", "autoResize": true}, {"type": "text", "id": "flow3_title", "x": 50, "y": 530, "text": "3. 匯入流程", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "3. 匯入流程", "autoResize": true, "width": 69.30000000000001, "height": 23}, {"type": "rectangle", "id": "f3_0", "x": 50, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_0", "type": "text"}]}, {"type": "text", "id": "t_f3_0", "x": 60, "y": 575.0, "width": 110, "height": 25, "text": "選擇來源", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_0", "originalText": "選擇來源", "autoResize": true}, {"type": "arrow", "id": "f3a_0", "x": 180, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_1", "x": 210, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_1", "type": "text"}]}, {"type": "text", "id": "t_f3_1", "x": 220, "y": 575.0, "width": 110, "height": 25, "text": "上傳資料檔", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_1", "originalText": "上傳資料檔", "autoResize": true}, {"type": "arrow", "id": "f3a_1", "x": 340, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_2", "x": 370, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_2", "type": "text"}]}, {"type": "text", "id": "t_f3_2", "x": 380, "y": 575.0, "width": 110, "height": 25, "text": "預覽對應", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_2", "originalText": "預覽對應", "autoResize": true}, {"type": "arrow", "id": "f3a_2", "x": 500, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_3", "x": 530, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_3", "type": "text"}]}, {"type": "text", "id": "t_f3_3", "x": 540, "y": 575.0, "width": 110, "height": 25, "text": "確認匯入", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_3", "originalText": "確認匯入", "autoResize": true}, {"type": "arrow", "id": "f3a_3", "x": 660, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_4", "x": 690, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_4", "type": "text"}]}, {"type": "text", "id": "t_f3_4", "x": 700, "y": 575.0, "width": 110, "height": 25, "text": "等待處理", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_4", "originalText": "等待處理", "autoResize": true}, {"type": "arrow", "id": "f3a_4", "x": 820, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_5", "x": 850, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_5", "type": "text"}]}, {"type": "text", "id": "t_f3_5", "x": 860, "y": 575.0, "width": 110, "height": 25, "text": "完成", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_5", "originalText": "完成", "autoResize": true}, {"type": "text", "id": "flow4_title", "x": 50, "y": 645, "text": "4. 訪客瀏覽", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "4. 訪客瀏覽", "autoResize": true, "width": 69.30000000000001, "height": 23}, {"type": "rectangle", "id": "f4_0", "x": 50, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_0", "type": "text"}]}, {"type": "text", "id": "t_f4_0", "x": 60, "y": 690.0, "width": 110, "height": 25, "text": "輸入網址", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_0", "originalText": "輸入網址", "autoResize": true}, {"type": "arrow", "id": "f4a_0", "x": 180, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_1", "x": 210, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_1", "type": "text"}]}, {"type": "text", "id": "t_f4_1", "x": 220, "y": 690.0, "width": 110, "height": 25, "text": "進入首頁", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_1", "originalText": "進入首頁", "autoResize": true}, {"type": "arrow", "id": "f4a_1", "x": 340, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_2", "x": 370, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_2", "type": "text"}]}, {"type": "text", "id": "t_f4_2", "x": 380, "y": 690.0, "width": 110, "height": 25, "text": "瀏覽內容", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_2", "originalText": "瀏覽內容", "autoResize": true}, {"type": "arrow", "id": "f4a_2", "x": 500, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_3", "x": 530, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_3", "type": "text"}]}, {"type": "text", "id": "t_f4_3", "x": 540, "y": 690.0, "width": 110, "height": 25, "text": "留言", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_3", "originalText": "留言", "autoResize": true}, {"type": "arrow", "id": "f4a_3", "x": 660, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_4", "x": 690, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_4", "type": "text"}]}, {"type": "text", "id": "t_f4_4", "x": 700, "y": 690.0, "width": 110, "height": 25, "text": "被記錄為訪客", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_4", "originalText": "被記錄為訪客", "autoResize": true}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file diff --git a/prd_digital_home.md b/prd_digital_home.md new file mode 100644 index 0000000..209a583 --- /dev/null +++ b/prd_digital_home.md @@ -0,0 +1,435 @@ +# 「還有誰來我家」— 個人數位家園 MVP 產品需求文件 + +--- + +## 1. 修訂追蹤表 + +| 版本 | 日期 | 修訂者 | 變更說明 | +|------|------|--------|----------| +| v0.1 | 2026-04-20 | AI PM | 初版 MVP PRD | + +--- + +## 2. 背景簡介 + +### 2.1 目標 + +打造一個「可長期保存、可分層分享、可被朋友拜訪」的個人生活首頁，解決個人內容資產散落在推薦流、聊天群組與工具型平台之間的碎裂問題。 + +### 2.2 背景 + +- 台灣 18-39 歲上網率近 100%；Facebook 觸及 1,710 萬人、Instagram 1,130 萬人、LINE 月活 2,200 萬人 +- 主流平台重心在推薦流與 AI 排序，通訊平台把內容鎖在聊天脈絡，出版工具偏向文字發布 +- 官方《台灣網路報告》指出：演算法與資訊超載讓民眾失去自主性；短影音形成「無感成癮」 +- 沒有任何現有平台把「把照片、心情、生活事件與朋友互動放在同一個地方」做成對一般人友善的日常產品 + +### 2.3 價值主張 + +**大家都有貼文，卻沒有房子；都有帳號，卻沒有家。** + +本產品不是另一個綜合社群平台，而是個人數位家園——讓使用者把人生片段放回一個自己能掌控的地方。 + +--- + +## 3. 功能清單 + +### 3.1 個人首頁與固定網址 + +#### 3.1.1 個人首頁 + +- **描述**：使用者登入後對外展示的主頁面，等同於「自己的家」的門面 +- **規格**： + - 固定網址格式：`username.還有誰來我家.com` 或 `還有誰來我家.com/username` + - 首頁由四個核心區塊組成：相簿（最優先）、網誌、留言板、心情 + - 預設版型一套，療癒風格（柔色、大量留白、手寫感） + - 支援封面照片 + 大頭照 + 自我介紹 +- **驗收標準**： + - 訪客輸入網址可在 3 秒內看到完整首頁 + - 四區塊均以卡片形式呈現，可一眼掌握最近更新 + +#### 3.1.2 首頁訪客感與回訪提醒 + +- **描述**：讓互動回到「拜訪你」而不是「刷到你」 +- **規格**： + - 訪客紀錄：「還有誰來我家」列表，顯示近期來訪的朋友頭像與時間 + - 新動態提醒：朋友首頁有更新時，以「某某的家有新照片」形式通知（非 feed 推薦） + - 最近拜訪：首頁側邊顯示「最近來訪的朋友」 +- **驗收標準**： + - 訪客紀錄可正確記錄登入使用者的來訪 + - 回訪提醒為 opt-in，預設開啟，可關閉 + - 提醒不使用演算法排序，純依時間順序 + +### 3.2 圖文貼文 + 相簿 + 時間軸 + +#### 3.2.1 圖文貼文 + +- **描述**：支援長文/短文/圖文的貼文系統，回歸無名小站 DNA 但手機優先 +- **規格**： + - 支援純文字、圖文混排、多圖貼文 + - 單篇貼文圖片上限 20 張 + - Markdown 或富文字編輯器（粗體、斜體、連結、圖片嵌入） + - 貼文可設定隱私層級（見 3.4） +- **驗收標準**： + - 手機端發文流程 ≤ 3 步完成一篇圖文貼文 + - 貼文在首頁時間軸上依時間倒序排列 + +#### 3.2.2 相簿 + +- **描述**：高容量、美觀、可整理的相簿系統，MVP 最核心功能 +- **規格**： + - 每本相簿可設名稱、描述、封面圖 + - 相簿內照片支援拖曳排序 + - 相簿可設隱私層級（見 3.4） + - 瀏覽模式：格狀縮圖 → 點擊全螢幕滑動瀏覽 + - 免費版容量 5GB，付費版 50GB+ +- **驗收標準**： + - 上傳 50 張照片 ≤ 2 分鐘（正常網路環境） + - 相簿在首頁以封面圖 + 標題呈現 + +#### 3.2.3 時間軸 + +- **描述**：首頁的時間軸式呈現，整合貼文與相簿更新 +- **規格**： + - 時間軸按月/年分組 + - 每個節點顯示：日期、類型圖示（貼文/相簿/心情）、摘要預覽 + - 支援「跳到某年某月」快速導航 +- **驗收標準**： + - 時間軸載入 ≤ 2 秒（含 1 年內容） + - 可正確依時間排序不同類型內容 + +### 3.3 留言板 + +- **描述**：情感差異化核心功能，不只是功能懷舊，而是讓朋友「到你家留話」 +- **規格**： + - 留言板位於首頁下方，訪客可留言 + - 留言支援文字 + 貼圖（基本表情符號集） + - 板主可回覆留言、刪除留言 + - 留言依時間倒序排列 + - 留言板可設隱私：誰可以留言（公開/朋友/指定名單） +- **驗收標準**： + - 訪客登入後可留留言，留言即時顯示 + - 板主收到新留言通知 + - 留言板載入 ≤ 1 秒 + +### 3.4 分層隱私 + +- **描述**：讓使用者精細控制誰能看到什麼 +- **規格**： + - 四個隱私層級： + 1. **公開**：任何人含未登入訪客可見 + 2. **連結可見**：知道連結的人可見（不含搜尋與推薦） + 3. **朋友**：僅互相加入朋友者可見 + 4. **指定名單**：從朋友名單中勾選特定人可見 + - 每篇貼文、每本相簿、留言板均可獨立設定 + - 首頁整體隱私預設為「朋友」 + - 提供隱私總覽頁面：一覽所有內容的隱私設定 +- **驗收標準**： + - 不同隱私層級的內容，未授權訪客無法透過任何方式存取（含直接 URL） + - 隱私設定變更即時生效 + - 首月使用分層隱私（非全部公開）比例 > 50% + +### 3.5 匯入與匯出 + +#### 3.5.1 匯入 + +- **描述**：降低搬家摩擦，讓使用者從既有平台搬入內容 +- **規格**： + - 支援來源： + - Facebook 資料匯出檔（JSON/HTML） + - Instagram 資料匯出檔 + - Google Takeout（Google 相簿） + - 通用 ZIP（圖片資料夾結構） + - 匯入時自動對應：照片→相簿、貼文→網誌 + - 匯入保留原始日期時間 + - 匯入進度條 + 預估時間 +- **驗收標準**： + - 匯入流程完成率 > 70% + - 1000 張照片匯入 ≤ 30 分鐘 + - 匯入後內容可正確對應到對應區塊 + +#### 3.5.2 匯出 + +- **描述**：確保使用者隨時可帶走自己的資料，建立信任 +- **規格**： + - 一鍵匯出全部內容為標準格式（JSON + 原始圖片） + - 可選擇匯出範圍（全部/特定相簿/特定時間範圍） + - 匯出檔案保留完整 metadata（日期、隱私設定、留言） +- **驗收標準**： + - 匯出檔案可在 24 小時內產生並提供下載 + - 匯出內容可被標準工具開啟（圖片可看、JSON 可解析） + +### 3.6 朋友名單與關係 + +- **描述**：支撐隱私分層與訪客感的基礎社交圖譜 +- **規格**： + - 朋友需雙方確認（非單向追蹤） + - 朋友名單可分組（標籤），供「指定名單」隱私使用 + - 朋友申請需附簡短訊息 + - 可封鎖使用者 +- **驗收標準**： + - 朋友申請流程 ≤ 2 步 + - 封鎖後對方無法查看任何內容或留言 + +--- + +## 4. 功能流程 + +### 4.1 新使用者引導流程 + +```mermaid +flowchart LR + A[註冊] --> B[選擇網址] + B --> C[設定大頭照/封面/自介] + C --> D{邀請朋友？} + D -- 是 --> E[發送邀請] + D -- 跳過 --> F[建立首本相簿] + E --> F + F --> G[發佈首篇貼文] + G --> H[進入首頁] + style A fill:#a5d8ff + style H fill:#b2f2bb +``` + +### 4.2 日常使用流程 + +```mermaid +flowchart TD + LOGIN[登入] --> HOME[首頁：含最近來訪] + HOME --> |發佈內容| POST[撰寫貼文/上傳照片] + HOME --> |建立相簿| ALBUM[建立相簿 → 上傳照片] + HOME --> |拜訪朋友| VISIT[朋友首頁] + HOME --> |查看提醒| NOTIFY[回訪提醒 → 朋友首頁] + HOME --> |管理| SETTINGS[隱私/匯入/匯出] + POST --> PRIV1[選擇隱私層級] --> PUB1[發佈 → 時間軸更新] + ALBUM --> PRIV2[選擇隱私層級] --> PUB2[發佈 → 首頁相簿卡更新] + VISIT --> |留言| GUESTBOOK[留言板] + VISIT --> |看內容| BROWSE[相簿/網誌] + GUESTBOOK --> REPLY[板主收到通知] + BROWSE --> VISITLOG[被記錄為訪客] + style LOGIN fill:#a5d8ff + style PUB1 fill:#b2f2bb + style PUB2 fill:#b2f2bb + style VISITLOG fill:#d0bfff +``` + +### 4.3 匯入流程 + +```mermaid +flowchart TD + START[選擇匯入來源] --> SRC{來源類型} + SRC -- Facebook --> FB[上傳 FB 匯出檔] + SRC -- Instagram --> IG[上傳 IG 匯出檔] + SRC -- Google --> GG[上傳 Google Takeout] + SRC -- ZIP --> ZIP[上傳 ZIP 檔] + FB --> PREVIEW + IG --> PREVIEW + GG --> PREVIEW + ZIP --> PREVIEW + PREVIEW[預覽對應結果] --> MAP{對應正確？} + MAP -- 是 --> CONFIRM[確認匯入] + MAP -- 否 --> ADJUST[手動調整對應] --> CONFIRM + CONFIRM --> PROCESS[背景處理中...] + PROCESS --> DONE[完成通知] + style START fill:#a5d8ff + style DONE fill:#b2f2bb + style PROCESS fill:#ffd8a8 +``` + +### 4.4 訪客瀏覽與隱私判斷流程 + +```mermaid +flowchart TD + ENTRY[輸入網址/點擊連結] --> AUTH{訪客身份} + AUTH -- 未登入 --> PUB{內容隱私？} + AUTH -- 已登入 --> FRIEND{是朋友？} + PUB -- 公開 --> SHOW1[顯示首頁] + PUB -- 非公開 --> DENY1[無法存取] + FRIEND -- 是 --> SHOW2[顯示完整內容] + FRIEND -- 否 --> CHECK{在指定名單？} + CHECK -- 是 --> SHOW3[顯示指定內容] + CHECK -- 否 --> PUB2{內容隱私？} + PUB2 -- 公開/連結可見 --> SHOW4[顯示對應內容] + PUB2 -- 朋友/指定名單 --> DENY2[無法存取] + SHOW1 --> BROWSE[瀏覽相簿/網誌] + SHOW2 --> BROWSE + SHOW3 --> BROWSE + SHOW4 --> BROWSE + BROWSE --> GUEST[留言/互動] + BROWSE --> LOG[被記錄為訪客] + GUEST --> LOG + style ENTRY fill:#a5d8ff + style DENY1 fill:#ffc9c9 + style DENY2 fill:#ffc9c9 + style LOG fill:#d0bfff +``` + +### 4.5 隱私層級決策流程 + +```mermaid +flowchart LR + CONTENT[建立/編輯內容] --> Q1{要讓誰看到？} + Q1 -- 所有人 --> L1[公開] + Q1 -- 知道連結的人 --> L2[連結可見] + Q1 -- 只有朋友 --> L3[朋友] + Q1 -- 特定人 --> L4[指定名單 → 勾選朋友] + L1 --> SAVE[儲存] + L2 --> SAVE + L3 --> SAVE + L4 --> SAVE + style CONTENT fill:#a5d8ff + style L1 fill:#b2f2bb + style L2 fill:#ffd8a8 + style L3 fill:#d0bfff + style L4 fill:#fff3bf +``` + +（詳細流程圖另見 `flow_overview.excalidraw`） + +--- + +## 5. 功能結構 + +```mermaid +graph TD + ROOT[還有誰來我家] + + ROOT --> HOME[個人首頁] + ROOT --> ALBUM[相簿] + ROOT --> BLOG[網誌] + ROOT --> GUEST[留言板] + ROOT --> MOOD[心情] + ROOT --> FRIEND[朋友] + ROOT --> PRIV[隱私設定] + ROOT --> IMPTEXP[匯入/匯出] + ROOT --> NOTIF[通知] + + HOME --> H1[封面照片 + 大頭照 + 自介] + HOME --> H2[四區塊卡片] + HOME --> H3[時間軸] + HOME --> H4[最近來訪] + HOME --> H5[訪客紀錄] + + ALBUM --> A1[相簿列表] + ALBUM --> A2[相簿內頁：照片瀏覽] + ALBUM --> A3[相簿設定：名稱/封面/隱私] + ALBUM --> A4[上傳] + + BLOG --> B1[貼文列表] + BLOG --> B2[貼文編輯器] + BLOG --> B3[貼文內頁] + BLOG --> B4[貼文設定：隱私] + + GUEST --> G1[留言列表] + GUEST --> G2[留言輸入] + GUEST --> G3[留言管理：回覆/刪除] + + MOOD --> M1[當前心情狀態] + MOOD --> M2[心情歷史] + + FRIEND --> F1[朋友名單] + FRIEND --> F2[朋友分組：標籤] + FRIEND --> F3[朋友申請] + FRIEND --> F4[封鎖管理] + + PRIV --> P1[內容隱私總覽] + PRIV --> P2[個別內容隱私] + PRIV --> P3[留言板權限] + + IMPTEXP --> IE1[匯入：來源選擇] + IMPTEXP --> IE2[匯入：預覽與對應] + IMPTEXP --> IE3[匯入：進度] + IMPTEXP --> IE4[匯出：範圍選擇] + IMPTEXP --> IE5[匯出：下載] + + NOTIF --> N1[新留言通知] + NOTIF --> N2[朋友更新通知] + NOTIF --> N3[回訪提醒] + + style ROOT fill:#d0bfff + style HOME fill:#a5d8ff + style ALBUM fill:#a5d8ff + style BLOG fill:#b2f2bb + style GUEST fill:#fff3bf + style MOOD fill:#ffd8a8 + style FRIEND fill:#d0bfff + style PRIV fill:#ffd8a8 + style IMPTEXP fill:#b2f2bb + style NOTIF fill:#ffd8a8 +``` + +（結構圖另見 `structure.excalidraw`） + +--- + +## 6. 頁面設計（Wireframe） + +### 6.1 個人首頁 + +見 `wireframe_homepage.excalidraw` + +**重點設計原則**： +- 手機優先，桌面端適度展開 +- 四區塊以卡片排列，相簿佔最大面積 +- 留言板在頁面下方，模擬「家門口的留言條」感 +- 最近來訪以小頭像列呈現，帶「還有誰來我家」標題 + +### 6.2 相簿頁 + +見 `wireframe_album.excalidraw` + +**重點設計原則**： +- 格狀縮圖排列，3 欄（手機 2 欄） +- 點擊進入全螢幕滑動瀏覽 +- 相簿封面大圖 + 標題 + 照片數量 + +### 6.3 貼文/時間軸頁 + +見 `wireframe_timeline.excalidraw` + +**重點設計原則**： +- 時間軸左側時間線，右側內容卡 +- 依月分組，可折疊 +- 不同類型內容用圖示區分 + +### 6.4 留言板頁 + +見 `wireframe_guestbook.excalidraw` + +**重點設計原則**： +- 留言卡式排列，含頭像、暱稱、時間、內容 +- 板主回覆縮排在原留言下方 +- 底部固定留言輸入框 + +### 6.5 隱私設定 & 匯入匯出頁 + +見 `wireframe_settings.excalidraw` + +**重點設計原則**： +- 隱私設定以列表呈現，每行一內容+目前層級+修改按鈕 +- 匯入以步驟式引導，大面積拖放區 +- 匯出一鍵按鈕 + 進度條 + +--- + +## 附錄：早期驗證指標 + +| 指標 | 門檻 | +|------|------| +| 新註冊 24h 內完成「首頁+首篇貼文+首本相簿」 | > 40% | +| 首月 ≥ 2 次回訪並新增內容 | > 25% | +| 首次分享後被訪客留言 | > 15% | +| 匯入流程完成率 | > 70% | +| 使用分層隱私（非全公開）比例 | > 50% | + +--- + +## 附錄：商業模式（Freemium） + +| 免費版 | 付費版 | +|--------|--------| +| 5GB 相簿容量 | 50GB+ 相簿容量 | +| 1 種版型 | 多種主題與版型 | +| 還有誰來我家.com/username | 自訂網域 | +| 基本隱私名單 | 進階隱私名單（無限分組） | +| — | 家庭方案 | +| — | 紀念頁與列印/輸出服務 | diff --git a/structure.excalidraw b/structure.excalidraw new file mode 100644 index 0000000..70a5fc4 --- /dev/null +++ b/structure.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "text", "id": "struct_title", "x": 300, "y": 30, "text": "功能結構圖", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "功能結構圖", "autoResize": true, "width": 66.0, "height": 29}, {"type": "rectangle", "id": "root", "x": 300.0, "y": 80, "width": 200, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_root", "type": "text"}]}, {"type": "text", "id": "t_root", "x": 310.0, "y": 95.0, "width": 180, "height": 25, "text": "還有誰來我家", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "root", "originalText": "還有誰來我家", "autoResize": true}, {"type": "rectangle", "id": "l1_0", "x": -150.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_0", "type": "text"}]}, {"type": "text", "id": "t_l1_0", "x": -140.0, "y": 190.0, "width": 100, "height": 25, "text": "個人首頁", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_0", "originalText": "個人首頁", "autoResize": true}, {"type": "arrow", "id": "l1a_0", "x": 400, "y": 130, "width": 490.0, "height": 50, "points": [[0, 0], [-490.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_1", "x": -10.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_1", "type": "text"}]}, {"type": "text", "id": "t_l1_1", "x": 0.0, "y": 190.0, "width": 100, "height": 25, "text": "相簿", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_1", "originalText": "相簿", "autoResize": true}, {"type": "arrow", "id": "l1a_1", "x": 400, "y": 130, "width": 350.0, "height": 50, "points": [[0, 0], [-350.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_2", "x": 130.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_2", "type": "text"}]}, {"type": "text", "id": "t_l1_2", "x": 140.0, "y": 190.0, "width": 100, "height": 25, "text": "網誌", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_2", "originalText": "網誌", "autoResize": true}, {"type": "arrow", "id": "l1a_2", "x": 400, "y": 130, "width": 210.0, "height": 50, "points": [[0, 0], [-210.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_3", "x": 270.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_3", "type": "text"}]}, {"type": "text", "id": "t_l1_3", "x": 280.0, "y": 190.0, "width": 100, "height": 25, "text": "留言板", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_3", "originalText": "留言板", "autoResize": true}, {"type": "arrow", "id": "l1a_3", "x": 400, "y": 130, "width": 70.0, "height": 50, "points": [[0, 0], [-70.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_4", "x": 410.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_4", "type": "text"}]}, {"type": "text", "id": "t_l1_4", "x": 420.0, "y": 190.0, "width": 100, "height": 25, "text": "朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_4", "originalText": "朋友", "autoResize": true}, {"type": "arrow", "id": "l1a_4", "x": 400, "y": 130, "width": 70.0, "height": 50, "points": [[0, 0], [70.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_5", "x": 550.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_5", "type": "text"}]}, {"type": "text", "id": "t_l1_5", "x": 560.0, "y": 190.0, "width": 100, "height": 25, "text": "隱私設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_5", "originalText": "隱私設定", "autoResize": true}, {"type": "arrow", "id": "l1a_5", "x": 400, "y": 130, "width": 210.0, "height": 50, "points": [[0, 0], [210.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_6", "x": 690.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_6", "type": "text"}]}, {"type": "text", "id": "t_l1_6", "x": 700.0, "y": 190.0, "width": 100, "height": 25, "text": "匯入/匯出", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_6", "originalText": "匯入/匯出", "autoResize": true}, {"type": "arrow", "id": "l1a_6", "x": 400, "y": 130, "width": 350.0, "height": 50, "points": [[0, 0], [350.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_7", "x": 830.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_7", "type": "text"}]}, {"type": "text", "id": "t_l1_7", "x": 840.0, "y": 190.0, "width": 100, "height": 25, "text": "通知", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_7", "originalText": "通知", "autoResize": true}, {"type": "arrow", "id": "l1a_7", "x": 400, "y": 130, "width": 490.0, "height": 50, "points": [[0, 0], [490.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_0", "x": -150.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_0", "type": "text"}]}, {"type": "text", "id": "t_l2_home_0", "x": -140.0, "y": 267.5, "width": 90, "height": 25, "text": "封面+頭像", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_0", "originalText": "封面+頭像", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_0", "x": -95.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_1", "x": -150.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_1", "type": "text"}]}, {"type": "text", "id": "t_l2_home_1", "x": -140.0, "y": 312.5, "width": 90, "height": 25, "text": "四區塊卡片", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_1", "originalText": "四區塊卡片", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_1", "x": -95.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_2", "x": -150.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_2", "type": "text"}]}, {"type": "text", "id": "t_l2_home_2", "x": -140.0, "y": 357.5, "width": 90, "height": 25, "text": "時間軸", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_2", "originalText": "時間軸", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_2", "x": -95.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_3", "x": -150.0, "y": 395, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_3", "type": "text"}]}, {"type": "text", "id": "t_l2_home_3", "x": -140.0, "y": 402.5, "width": 90, "height": 25, "text": "最近來訪", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_3", "originalText": "最近來訪", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_3", "x": -95.0, "y": 220, "width": 0, "height": 175, "points": [[0, 0], [0, 175]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_4", "x": -150.0, "y": 440, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_4", "type": "text"}]}, {"type": "text", "id": "t_l2_home_4", "x": -140.0, "y": 447.5, "width": 90, "height": 25, "text": "訪客紀錄", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_4", "originalText": "訪客紀錄", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_4", "x": -95.0, "y": 220, "width": 0, "height": 220, "points": [[0, 0], [0, 220]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_0", "x": -10.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_0", "type": "text"}]}, {"type": "text", "id": "t_l2_album_0", "x": 0.0, "y": 267.5, "width": 90, "height": 25, "text": "相簿列表", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_0", "originalText": "相簿列表", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_0", "x": 45.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_1", "x": -10.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_1", "type": "text"}]}, {"type": "text", "id": "t_l2_album_1", "x": 0.0, "y": 312.5, "width": 90, "height": 25, "text": "照片瀏覽", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_1", "originalText": "照片瀏覽", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_1", "x": 45.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_2", "x": -10.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_2", "type": "text"}]}, {"type": "text", "id": "t_l2_album_2", "x": 0.0, "y": 357.5, "width": 90, "height": 25, "text": "上傳", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_2", "originalText": "上傳", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_2", "x": 45.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_3", "x": -10.0, "y": 395, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_3", "type": "text"}]}, {"type": "text", "id": "t_l2_album_3", "x": 0.0, "y": 402.5, "width": 90, "height": 25, "text": "相簿設定", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_3", "originalText": "相簿設定", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_3", "x": 45.0, "y": 220, "width": 0, "height": 175, "points": [[0, 0], [0, 175]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_blog_0", "x": 130.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_blog_0", "type": "text"}]}, {"type": "text", "id": "t_l2_blog_0", "x": 140.0, "y": 267.5, "width": 90, "height": 25, "text": "貼文列表", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_blog_0", "originalText": "貼文列表", "autoResize": true}, {"type": "arrow", "id": "l2_blog_a_0", "x": 185.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_blog_1", "x": 130.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_blog_1", "type": "text"}]}, {"type": "text", "id": "t_l2_blog_1", "x": 140.0, "y": 312.5, "width": 90, "height": 25, "text": "編輯器", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_blog_1", "originalText": "編輯器", "autoResize": true}, {"type": "arrow", "id": "l2_blog_a_1", "x": 185.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_blog_2", "x": 130.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_blog_2", "type": "text"}]}, {"type": "text", "id": "t_l2_blog_2", "x": 140.0, "y": 357.5, "width": 90, "height": 25, "text": "貼文設定", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_blog_2", "originalText": "貼文設定", "autoResize": true}, {"type": "arrow", "id": "l2_blog_a_2", "x": 185.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_gb_0", "x": 270.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_gb_0", "type": "text"}]}, {"type": "text", "id": "t_l2_gb_0", "x": 280.0, "y": 267.5, "width": 90, "height": 25, "text": "留言列表", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_gb_0", "originalText": "留言列表", "autoResize": true}, {"type": "arrow", "id": "l2_gb_a_0", "x": 325.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_gb_1", "x": 270.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_gb_1", "type": "text"}]}, {"type": "text", "id": "t_l2_gb_1", "x": 280.0, "y": 312.5, "width": 90, "height": 25, "text": "留言輸入", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_gb_1", "originalText": "留言輸入", "autoResize": true}, {"type": "arrow", "id": "l2_gb_a_1", "x": 325.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_gb_2", "x": 270.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_gb_2", "type": "text"}]}, {"type": "text", "id": "t_l2_gb_2", "x": 280.0, "y": 357.5, "width": 90, "height": 25, "text": "留言管理", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_gb_2", "originalText": "留言管理", "autoResize": true}, {"type": "arrow", "id": "l2_gb_a_2", "x": 325.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_fr_0", "x": 410.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_fr_0", "type": "text"}]}, {"type": "text", "id": "t_l2_fr_0", "x": 420.0, "y": 267.5, "width": 90, "height": 25, "text": "朋友名單", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_fr_0", "originalText": "朋友名單", "autoResize": true}, {"type": "arrow", "id": "l2_fr_a_0", "x": 465.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_fr_1", "x": 410.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_fr_1", "type": "text"}]}, {"type": "text", "id": "t_l2_fr_1", "x": 420.0, "y": 312.5, "width": 90, "height": 25, "text": "分組標籤", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_fr_1", "originalText": "分組標籤", "autoResize": true}, {"type": "arrow", "id": "l2_fr_a_1", "x": 465.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_fr_2", "x": 410.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_fr_2", "type": "text"}]}, {"type": "text", "id": "t_l2_fr_2", "x": 420.0, "y": 357.5, "width": 90, "height": 25, "text": "申請/封鎖", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_fr_2", "originalText": "申請/封鎖", "autoResize": true}, {"type": "arrow", "id": "l2_fr_a_2", "x": 465.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file diff --git a/wireframe_album.excalidraw b/wireframe_album.excalidraw new file mode 100644 index 0000000..85d21b5 --- /dev/null +++ b/wireframe_album.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "< 相簿", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "< 相簿", "autoResize": true}, {"type": "rectangle", "id": "album_cover", "x": 60, "y": 100, "width": 340, "height": 180, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_album_cover", "type": "text"}]}, {"type": "text", "id": "t_album_cover", "x": 70, "y": 180.0, "width": 320, "height": 25, "text": "日本行 2026\n32張照片", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "album_cover", "originalText": "日本行 2026\n32張照片", "autoResize": true}, {"type": "text", "id": "album_desc", "x": 70, "y": 300, "text": "京都賞櫻之旅，四天三夜", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "京都賞櫻之旅，四天三夜", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "thumb_0", "x": 60, "y": 340, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_0", "type": "text"}]}, {"type": "text", "id": "t_thumb_0", "x": 70, "y": 375.0, "width": 140, "height": 25, "text": "照片1", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_0", "originalText": "照片1", "autoResize": true}, {"type": "rectangle", "id": "thumb_1", "x": 235, "y": 340, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_1", "type": "text"}]}, {"type": "text", "id": "t_thumb_1", "x": 245, "y": 375.0, "width": 140, "height": 25, "text": "照片2", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_1", "originalText": "照片2", "autoResize": true}, {"type": "rectangle", "id": "thumb_2", "x": 60, "y": 440, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_2", "type": "text"}]}, {"type": "text", "id": "t_thumb_2", "x": 70, "y": 475.0, "width": 140, "height": 25, "text": "照片3", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_2", "originalText": "照片3", "autoResize": true}, {"type": "rectangle", "id": "thumb_3", "x": 235, "y": 440, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_3", "type": "text"}]}, {"type": "text", "id": "t_thumb_3", "x": 245, "y": 475.0, "width": 140, "height": 25, "text": "照片4", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_3", "originalText": "照片4", "autoResize": true}, {"type": "rectangle", "id": "thumb_4", "x": 60, "y": 540, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_4", "type": "text"}]}, {"type": "text", "id": "t_thumb_4", "x": 70, "y": 575.0, "width": 140, "height": 25, "text": "照片5", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_4", "originalText": "照片5", "autoResize": true}, {"type": "rectangle", "id": "thumb_5", "x": 235, "y": 540, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_5", "type": "text"}]}, {"type": "text", "id": "t_thumb_5", "x": 245, "y": 575.0, "width": 140, "height": 25, "text": "照片6", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_5", "originalText": "照片6", "autoResize": true}, {"type": "rectangle", "id": "btn_upload", "x": 60, "y": 740, "width": 165.0, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_upload", "type": "text"}]}, {"type": "text", "id": "t_btn_upload", "x": 70, "y": 755.0, "width": 145.0, "height": 25, "text": "+ 上傳照片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_upload", "originalText": "+ 上傳照片", "autoResize": true}, {"type": "rectangle", "id": "btn_setting", "x": 235.0, "y": 740, "width": 165.0, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_setting", "type": "text"}]}, {"type": "text", "id": "t_btn_setting", "x": 245.0, "y": 755.0, "width": 145.0, "height": 25, "text": "相簿設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_setting", "originalText": "相簿設定", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "相簿頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "相簿頁 — 規格標註", "autoResize": true, "width": 132.0, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 導航列", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 導航列", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "返回首頁\n相簿名稱標題", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "返回首頁\n相簿名稱標題", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 相簿封面", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 相簿封面", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "大圖模式\n相簿名+照片數量", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "大圖模式\n相簿名+照片數量", "autoResize": true, "width": 100.10000000000001, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 相簿描述", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 相簿描述", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "可選、最多500字", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "可選、最多500字", "autoResize": true, "width": 69.30000000000001, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 格狀縮圖", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 格狀縮圖", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "2欄排列（手機）\n3欄（桌面）\n點擊進全螢幕瀏覽", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "2欄排列（手機）\n3欄（桌面）\n點擊進全螢幕瀏覽", "autoResize": true, "width": 184.8, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 上傳按鈕", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 上傳按鈕", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "支援多選\n一次上限50張", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "支援多選\n一次上限50張", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "sp_5", "x": 480, "y": 530, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_5", "type": "text"}]}, {"type": "text", "id": "sp_t_5", "x": 490, "y": 538, "text": "[6] 相簿設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[6] 相簿設定", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_5", "x": 490, "y": 562, "text": "名稱/描述/封面\n隱私層級設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "名稱/描述/封面\n隱私層級設定", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "arrow", "id": "a1", "x": 470, "y": 100, "width": 70, "height": 50, "points": [[0, 0], [-70, 50]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a2", "x": 470, "y": 370, "width": 90, "height": 0, "points": [[0, 0], [-90, 0]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file diff --git a/wireframe_guestbook.excalidraw b/wireframe_guestbook.excalidraw new file mode 100644 index 0000000..e3d993e --- /dev/null +++ b/wireframe_guestbook.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "留言板", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "留言板", "autoResize": true}, {"type": "rectangle", "id": "msg_0", "x": 60, "y": 100, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_0", "type": "text"}]}, {"type": "text", "id": "t_msg_0", "x": 70, "y": 130.0, "width": 320, "height": 25, "text": "阿華\n小明好久不見！你家好漂亮", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_0", "originalText": "阿華\n小明好久不見！你家好漂亮", "autoResize": true}, {"type": "text", "id": "time_0", "x": 310, "y": 105, "text": "4/15 14:30", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/15 14:30", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "msg_1", "x": 60, "y": 200, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_1", "type": "text"}]}, {"type": "text", "id": "t_msg_1", "x": 70, "y": 230.0, "width": 320, "height": 25, "text": "小美\n日本行的照片太美了", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_1", "originalText": "小美\n日本行的照片太美了", "autoResize": true}, {"type": "text", "id": "time_1", "x": 310, "y": 205, "text": "4/14 20:15", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/14 20:15", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "msg_2", "x": 60, "y": 300, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_2", "type": "text"}]}, {"type": "text", "id": "t_msg_2", "x": 70, "y": 330.0, "width": 320, "height": 25, "text": "小明(板主)\n謝謝你們！下次一起來", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_2", "originalText": "小明(板主)\n謝謝你們！下次一起來", "autoResize": true}, {"type": "text", "id": "time_2", "x": 310, "y": 305, "text": "4/14 21:00", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/14 21:00", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "reply_2", "x": 80, "y": 385, "width": 310, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_reply_2", "type": "text"}]}, {"type": "text", "id": "t_reply_2", "x": 90, "y": 400.0, "width": 290, "height": 25, "text": "謝謝你們！下次一起來", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "reply_2", "originalText": "謝謝你們！下次一起來", "autoResize": true}, {"type": "rectangle", "id": "msg_3", "x": 60, "y": 450, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_3", "type": "text"}]}, {"type": "text", "id": "t_msg_3", "x": 70, "y": 480.0, "width": 320, "height": 25, "text": "大衛\n這個貓咪相簿好療癒", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_3", "originalText": "大衛\n這個貓咪相簿好療癒", "autoResize": true}, {"type": "text", "id": "time_3", "x": 310, "y": 455, "text": "4/10 09:45", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/10 09:45", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "input_area", "x": 60, "y": 690, "width": 340, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_input_area", "type": "text"}]}, {"type": "text", "id": "t_input_area", "x": 70, "y": 705.0, "width": 320, "height": 25, "text": "留句話給小明...", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "input_area", "originalText": "留句話給小明...", "autoResize": true}, {"type": "rectangle", "id": "btn_send", "x": 60, "y": 750, "width": 340, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_send", "type": "text"}]}, {"type": "text", "id": "t_btn_send", "x": 70, "y": 762.5, "width": 320, "height": 25, "text": "送出留言", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_send", "originalText": "送出留言", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "留言板頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "留言板頁 — 規格標註", "autoResize": true, "width": 145.20000000000002, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 留言卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 留言卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "頭像+暱稱+時間+內容\n不同顏色區分訪客/板主", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "頭像+暱稱+時間+內容\n不同顏色區分訪客/板主", "autoResize": true, "width": 177.10000000000002, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 板主回覆", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 板主回覆", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "縮排在原留言下方\n黃色背景標示", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "縮排在原留言下方\n黃色背景標示", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 留言時間", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 留言時間", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "右上角小字\n相對時間（3分鐘前）", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "右上角小字\n相對時間（3分鐘前）", "autoResize": true, "width": 123.20000000000002, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 留言輸入", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 留言輸入", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "底部固定\n登入訪客可留言", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "底部固定\n登入訪客可留言", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 送出按鈕", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 送出按鈕", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "送出後即時顯示\n板主收到通知", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "送出後即時顯示\n板主收到通知", "autoResize": true, "width": 107.80000000000001, "height": 19}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file diff --git a/wireframe_homepage.excalidraw b/wireframe_homepage.excalidraw new file mode 100644 index 0000000..e0c6c80 --- /dev/null +++ b/wireframe_homepage.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 0, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "cover", "x": 55, "y": 35, "width": 350, "height": 140, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_cover", "type": "text"}]}, {"type": "text", "id": "t_cover", "x": 65, "y": 95.0, "width": 330, "height": 25, "text": "封面照片", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "cover", "originalText": "封面照片", "autoResize": true}, {"type": "ellipse", "id": "avatar", "x": 180, "y": 140, "width": 80, "height": 80, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_avatar", "type": "text"}]}, {"type": "text", "id": "t_avatar", "x": 192, "y": 170, "width": 56, "height": 20, "text": "大頭照", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "avatar", "originalText": "大頭照", "autoResize": true}, {"type": "text", "id": "username", "x": 150, "y": 240, "text": "小明的家", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "小明的家", "autoResize": true, "width": 44.0, "height": 25}, {"type": "text", "id": "bio", "x": 130, "y": 270, "text": "記錄生活的大小事", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "記錄生活的大小事", "autoResize": true, "width": 61.60000000000001, "height": 19}, {"type": "rectangle", "id": "card_album", "x": 60, "y": 310, "width": 340, "height": 120, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_album", "type": "text"}]}, {"type": "text", "id": "t_card_album", "x": 70, "y": 360.0, "width": 320, "height": 25, "text": "相簿\n12本 | 最近：日本行", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_album", "originalText": "相簿\n12本 | 最近：日本行", "autoResize": true}, {"type": "rectangle", "id": "card_blog", "x": 60, "y": 450, "width": 165.0, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_blog", "type": "text"}]}, {"type": "text", "id": "t_card_blog", "x": 70, "y": 480.0, "width": 145.0, "height": 25, "text": "網誌\n8篇", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_blog", "originalText": "網誌\n8篇", "autoResize": true}, {"type": "rectangle", "id": "card_mood", "x": 235, "y": 450, "width": 165.0, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_mood", "type": "text"}]}, {"type": "text", "id": "t_card_mood", "x": 245, "y": 480.0, "width": 145.0, "height": 25, "text": "心情\n今天：放鬆", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_mood", "originalText": "心情\n今天：放鬆", "autoResize": true}, {"type": "rectangle", "id": "card_guestbook", "x": 60, "y": 550, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_guestbook", "type": "text"}]}, {"type": "text", "id": "t_card_guestbook", "x": 70, "y": 580.0, "width": 320, "height": 25, "text": "留言板\n5則新留言", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_guestbook", "originalText": "留言板\n5則新留言", "autoResize": true}, {"type": "rectangle", "id": "card_visitors", "x": 60, "y": 650, "width": 340, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_visitors", "type": "text"}]}, {"type": "text", "id": "t_card_visitors", "x": 70, "y": 670.0, "width": 320, "height": 25, "text": "還有誰來我家\n阿華 · 小美 · 大衛", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_visitors", "originalText": "還有誰來我家\n阿華 · 小美 · 大衛", "autoResize": true}, {"type": "text", "id": "title_note", "x": 480, "y": 30, "text": "個人首頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "個人首頁 — 規格標註", "autoResize": true, "width": 145.20000000000002, "height": 29}, {"type": "rectangle", "id": "spec_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_0", "type": "text"}]}, {"type": "text", "id": "spec_t_0", "x": 490, "y": 88, "text": "[1] 封面照片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 封面照片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_0", "x": 490, "y": 112, "text": "全幅寬度、140px高\n可上傳自訂圖片", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "全幅寬度、140px高\n可上傳自訂圖片", "autoResize": true, "width": 146.3, "height": 19}, {"type": "rectangle", "id": "spec_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_1", "type": "text"}]}, {"type": "text", "id": "spec_t_1", "x": 490, "y": 178, "text": "[2] 大頭照", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 大頭照", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "spec_d_1", "x": 490, "y": 202, "text": "80x80圓形\n覆蓋在封面底部", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "80x80圓形\n覆蓋在封面底部", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "rectangle", "id": "spec_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_2", "type": "text"}]}, {"type": "text", "id": "spec_t_2", "x": 490, "y": 268, "text": "[3] 暱稱+自介", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 暱稱+自介", "autoResize": true, "width": 79.2, "height": 21}, {"type": "text", "id": "spec_d_2", "x": 490, "y": 292, "text": "置中、可編輯\n自介最多200字", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "置中、可編輯\n自介最多200字", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "rectangle", "id": "spec_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_3", "type": "text"}]}, {"type": "text", "id": "spec_t_3", "x": 490, "y": 358, "text": "[4] 相簿卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 相簿卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_3", "x": 490, "y": 382, "text": "最大面積、佔整行\n顯示數量+最近相簿名", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "最大面積、佔整行\n顯示數量+最近相簿名", "autoResize": true, "width": 146.3, "height": 19}, {"type": "rectangle", "id": "spec_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_4", "type": "text"}]}, {"type": "text", "id": "spec_t_4", "x": 490, "y": 448, "text": "[5] 網誌卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 網誌卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_4", "x": 490, "y": 472, "text": "半行寬、顯示文章數量", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "半行寬、顯示文章數量", "autoResize": true, "width": 77.0, "height": 19}, {"type": "rectangle", "id": "spec_5", "x": 480, "y": 530, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_5", "type": "text"}]}, {"type": "text", "id": "spec_t_5", "x": 490, "y": 538, "text": "[6] 心情卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[6] 心情卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_5", "x": 490, "y": 562, "text": "半行寬、顯示當前心情狀態", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "半行寬、顯示當前心情狀態", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "spec_6", "x": 480, "y": 620, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_6", "type": "text"}]}, {"type": "text", "id": "spec_t_6", "x": 490, "y": 628, "text": "[7] 留言板卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[7] 留言板卡片", "autoResize": true, "width": 79.2, "height": 21}, {"type": "text", "id": "spec_d_6", "x": 490, "y": 652, "text": "全行、顯示新留言數\n點擊進入留言板", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "全行、顯示新留言數\n點擊進入留言板", "autoResize": true, "width": 130.9, "height": 19}, {"type": "rectangle", "id": "spec_7", "x": 480, "y": 710, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_7", "type": "text"}]}, {"type": "text", "id": "spec_t_7", "x": 490, "y": 718, "text": "[8] 最近來訪", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[8] 最近來訪", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_7", "x": 490, "y": 742, "text": "頭像列+暱稱\n最多5位、opt-in", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "頭像列+暱稱\n最多5位、opt-in", "autoResize": true, "width": 138.60000000000002, "height": 19}, {"type": "arrow", "id": "a1", "x": 470, "y": 100, "width": 70, "height": 100, "points": [[0, 0], [-70, 100]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a2", "x": 470, "y": 370, "width": 90, "height": 0, "points": [[0, 0], [-90, 0]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a3", "x": 470, "y": 750, "width": 90, "height": 200, "points": [[0, 0], [-90, 200]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file diff --git a/wireframe_settings.excalidraw b/wireframe_settings.excalidraw new file mode 100644 index 0000000..8792ea6 --- /dev/null +++ b/wireframe_settings.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "設定", "autoResize": true}, {"type": "rectangle", "id": "tab_privacy", "x": 55, "y": 100, "width": 108, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_tab_privacy", "type": "text"}]}, {"type": "text", "id": "t_tab_privacy", "x": 65, "y": 110.0, "width": 88, "height": 25, "text": "隱私", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "tab_privacy", "originalText": "隱私", "autoResize": true}, {"type": "rectangle", "id": "tab_import", "x": 168, "y": 100, "width": 108, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_tab_import", "type": "text"}]}, {"type": "text", "id": "t_tab_import", "x": 178, "y": 110.0, "width": 88, "height": 25, "text": "匯入", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "tab_import", "originalText": "匯入", "autoResize": true}, {"type": "rectangle", "id": "tab_export", "x": 281, "y": 100, "width": 108, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_tab_export", "type": "text"}]}, {"type": "text", "id": "t_tab_export", "x": 291, "y": 110.0, "width": 88, "height": 25, "text": "匯出", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "tab_export", "originalText": "匯出", "autoResize": true}, {"type": "text", "id": "priv_title", "x": 60, "y": 160, "text": "內容隱私總覽", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "內容隱私總覽", "autoResize": true, "width": 59.400000000000006, "height": 23}, {"type": "rectangle", "id": "priv_0", "x": 60, "y": 190, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_0", "type": "text"}]}, {"type": "text", "id": "t_priv_0", "x": 70, "y": 202.5, "width": 190, "height": 25, "text": "日本行 2026", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_0", "originalText": "日本行 2026", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_0", "x": 280, "y": 190, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_0", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_0", "x": 290, "y": 202.5, "width": 90, "height": 25, "text": "朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_0", "originalText": "朋友", "autoResize": true}, {"type": "rectangle", "id": "priv_1", "x": 60, "y": 245, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_1", "type": "text"}]}, {"type": "text", "id": "t_priv_1", "x": 70, "y": 257.5, "width": 190, "height": 25, "text": "賞櫻心得", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_1", "originalText": "賞櫻心得", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_1", "x": 280, "y": 245, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_1", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_1", "x": 290, "y": 257.5, "width": 90, "height": 25, "text": "公開", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_1", "originalText": "公開", "autoResize": true}, {"type": "rectangle", "id": "priv_2", "x": 60, "y": 300, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_2", "type": "text"}]}, {"type": "text", "id": "t_priv_2", "x": 70, "y": 312.5, "width": 190, "height": 25, "text": "貓咪日常", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_2", "originalText": "貓咪日常", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_2", "x": 280, "y": 300, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_2", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_2", "x": 290, "y": 312.5, "width": 90, "height": 25, "text": "連結可見", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_2", "originalText": "連結可見", "autoResize": true}, {"type": "rectangle", "id": "priv_3", "x": 60, "y": 355, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_3", "type": "text"}]}, {"type": "text", "id": "t_priv_3", "x": 70, "y": 367.5, "width": 190, "height": 25, "text": "心情：放鬆", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_3", "originalText": "心情：放鬆", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_3", "x": 280, "y": 355, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_3", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_3", "x": 290, "y": 367.5, "width": 90, "height": 25, "text": "指定名單", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_3", "originalText": "指定名單", "autoResize": true}, {"type": "text", "id": "priv_levels", "x": 60, "y": 420, "text": "隱私層級：", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "隱私層級：", "autoResize": true, "width": 38.5, "height": 19}, {"type": "rectangle", "id": "lv_0", "x": 60, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_0", "type": "text"}]}, {"type": "text", "id": "t_lv_0", "x": 70, "y": 450.0, "width": 60, "height": 25, "text": "公開", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_0", "originalText": "公開", "autoResize": true}, {"type": "rectangle", "id": "lv_1", "x": 145, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_1", "type": "text"}]}, {"type": "text", "id": "t_lv_1", "x": 155, "y": 450.0, "width": 60, "height": 25, "text": "連結可見", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_1", "originalText": "連結可見", "autoResize": true}, {"type": "rectangle", "id": "lv_2", "x": 230, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_2", "type": "text"}]}, {"type": "text", "id": "t_lv_2", "x": 240, "y": 450.0, "width": 60, "height": 25, "text": "朋友", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_2", "originalText": "朋友", "autoResize": true}, {"type": "rectangle", "id": "lv_3", "x": 315, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_3", "type": "text"}]}, {"type": "text", "id": "t_lv_3", "x": 325, "y": 450.0, "width": 60, "height": 25, "text": "指定名單", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_3", "originalText": "指定名單", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "設定頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "設定頁 — 規格標註", "autoResize": true, "width": 132.0, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] Tab 切換", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] Tab 切換", "autoResize": true, "width": 88.0, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "隱私 / 匯入 / 匯出\n三個子頁面切換", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "隱私 / 匯入 / 匯出\n三個子頁面切換", "autoResize": true, "width": 154.0, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 隱私總覽", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 隱私總覽", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "列表呈現所有內容\n每行=內容+目前層級+修改", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "列表呈現所有內容\n每行=內容+目前層級+修改", "autoResize": true, "width": 169.4, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 隱私層級", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 隱私層級", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "4層：公開/連結可見\n/朋友/指定名單\n顏色區分", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "4層：公開/連結可見\n/朋友/指定名單\n顏色區分", "autoResize": true, "width": 184.8, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 匯入頁", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 匯入頁", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "來源選擇\n拖放區+步驟引導\n支援FB/IG/Google", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "來源選擇\n拖放區+步驟引導\n支援FB/IG/Google", "autoResize": true, "width": 215.60000000000002, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 匯出頁", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 匯出頁", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "一鍵匯出按鈕\n範圍選擇+進度條\nJSON+原始圖片", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "一鍵匯出按鈕\n範圍選擇+進度條\nJSON+原始圖片", "autoResize": true, "width": 192.50000000000003, "height": 19}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file diff --git a/wireframe_timeline.excalidraw b/wireframe_timeline.excalidraw new file mode 100644 index 0000000..0b74a02 --- /dev/null +++ b/wireframe_timeline.excalidraw @@ -0,0 +1 @@ +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "< 時間軸", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "< 時間軸", "autoResize": true}, {"type": "text", "id": "year", "x": 70, "y": 100, "text": "2026", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "2026", "autoResize": true, "width": 44.0, "height": 25}, {"type": "text", "id": "month", "x": 70, "y": 125, "text": "4月", "fontSize": 16, "fontFamily": 1, "strokeColor": "#757575", "originalText": "4月", "autoResize": true, "width": 17.6, "height": 21}, {"type": "text", "id": "date_0", "x": 60, "y": 175, "text": "4/15", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/15", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_0", "x": 100, "y": 165, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_0", "type": "text"}]}, {"type": "text", "id": "t_node_0", "x": 110, "y": 163.0, "width": -4, "height": 25, "text": "#a5d8ff", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_0", "originalText": "#a5d8ff", "autoResize": true}, {"type": "rectangle", "id": "item_0", "x": 130, "y": 160, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_0", "type": "text"}]}, {"type": "text", "id": "t_item_0", "x": 140, "y": 180.0, "width": 250, "height": 25, "text": "相簿：日本行 2026", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_0", "originalText": "相簿：日本行 2026", "autoResize": true}, {"type": "text", "id": "date_1", "x": 60, "y": 255, "text": "4/10", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/10", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_1", "x": 100, "y": 245, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_1", "type": "text"}]}, {"type": "text", "id": "t_node_1", "x": 110, "y": 243.0, "width": -4, "height": 25, "text": "#b2f2bb", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_1", "originalText": "#b2f2bb", "autoResize": true}, {"type": "rectangle", "id": "item_1", "x": 130, "y": 240, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_1", "type": "text"}]}, {"type": "text", "id": "t_item_1", "x": 140, "y": 260.0, "width": 250, "height": 25, "text": "網誌：賞櫻心得", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_1", "originalText": "網誌：賞櫻心得", "autoResize": true}, {"type": "text", "id": "date_2", "x": 60, "y": 335, "text": "4/5", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/5", "autoResize": true, "width": 23.1, "height": 19}, {"type": "rectangle", "id": "node_2", "x": 100, "y": 325, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_2", "type": "text"}]}, {"type": "text", "id": "t_node_2", "x": 110, "y": 323.0, "width": -4, "height": 25, "text": "#ffd8a8", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_2", "originalText": "#ffd8a8", "autoResize": true}, {"type": "rectangle", "id": "item_2", "x": 130, "y": 320, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_2", "type": "text"}]}, {"type": "text", "id": "t_item_2", "x": 140, "y": 340.0, "width": 250, "height": 25, "text": "心情：放鬆", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_2", "originalText": "心情：放鬆", "autoResize": true}, {"type": "text", "id": "date_3", "x": 60, "y": 415, "text": "3/28", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "3/28", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_3", "x": 100, "y": 405, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_3", "type": "text"}]}, {"type": "text", "id": "t_node_3", "x": 110, "y": 403.0, "width": -4, "height": 25, "text": "#a5d8ff", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_3", "originalText": "#a5d8ff", "autoResize": true}, {"type": "rectangle", "id": "item_3", "x": 130, "y": 400, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_3", "type": "text"}]}, {"type": "text", "id": "t_item_3", "x": 140, "y": 420.0, "width": 250, "height": 25, "text": "相簿：貓咪日常", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_3", "originalText": "相簿：貓咪日常", "autoResize": true}, {"type": "text", "id": "date_4", "x": 60, "y": 495, "text": "3/20", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "3/20", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_4", "x": 100, "y": 485, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_4", "type": "text"}]}, {"type": "text", "id": "t_node_4", "x": 110, "y": 483.0, "width": -4, "height": 25, "text": "#b2f2bb", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_4", "originalText": "#b2f2bb", "autoResize": true}, {"type": "rectangle", "id": "item_4", "x": 130, "y": 480, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_4", "type": "text"}]}, {"type": "text", "id": "t_item_4", "x": 140, "y": 500.0, "width": 250, "height": 25, "text": "網誌：讀書筆記", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_4", "originalText": "網誌：讀書筆記", "autoResize": true}, {"type": "rectangle", "id": "jump", "x": 60, "y": 740, "width": 340, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_jump", "type": "text"}]}, {"type": "text", "id": "t_jump", "x": 70, "y": 755.0, "width": 320, "height": 25, "text": "跳到：選擇年月", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "jump", "originalText": "跳到：選擇年月", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "時間軸頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "時間軸頁 — 規格標註", "autoResize": true, "width": 145.20000000000002, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 年月標頭", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 年月標頭", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "依時間分組\n可折疊月份", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "依時間分組\n可折疊月份", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 日期標籤", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 日期標籤", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "左側日期\n時間線節點", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "左側日期\n時間線節點", "autoResize": true, "width": 77.0, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 類型圖示", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 類型圖示", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "相簿=藍/網誌=綠\n心情=橘，用顏色區分", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "相簿=藍/網誌=綠\n心情=橘，用顏色區分", "autoResize": true, "width": 154.0, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 內容卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 內容卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "點擊進入全文/相簿\n預覽摘要", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "點擊進入全文/相簿\n預覽摘要", "autoResize": true, "width": 107.80000000000001, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 快速跳轉", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 快速跳轉", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "跳到某年某月\n年月選擇器", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "跳到某年某月\n年月選擇器", "autoResize": true, "width": 92.4, "height": 19}], "appState": {"viewBackgroundColor": "#ffffff"}} \ No newline at end of file