nobody/wireframe_guestbook.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": "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"}}