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