nobody/wireframe_timeline.excalidraw

{"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"}}