bytefun

{ "version": "1.0.0", "name": "蓝星小说APP UI设计规范", "colors": { "brand": [ { "id": "primary", "name": "Primary123（主色）", "value": "#4A90E2", "usage": "主要操作按钮、链接、重要信息强调、阅读进度条" }, { "id": "secondary", "name": "Secondary（次色）", "value": "#7B68EE", "usage": "次要操作、辅助信息、VIP标识" }, { "id": "tertiary", "name": "Tertiary（第三色）", "value": "#FF6B6B", "usage": "装饰性元素、特殊标识、热门推荐标签" } ], "functional": [ { "id": "success", "name": "Success（成功色）", "value": "#34C759", "usage": "成功状态、完成操作提示" }, { "id": "warning", "name": "Warning（警告色）", "value": "#FF9500", "usage": "警告信息、需要注意的内容" }, { "id": "error", "name": "Error（错误色）", "value": "#FF3B30", "usage": "错误状态、失败操作提示" }, { "id": "info", "name": "Info（信息色）", "value": "#5AC8FA", "usage": "一般信息提示、帮助说明" } ], "common": [ { "id": "page-bg", "name": "页面背景色", "value": "#F8F9FA", "usage": "主要页面背景" }, { "id": "reading-bg", "name": "阅读背景色", "value": "#FFFEF7", "usage": "阅读页面护眼背景色" }, { "id": "night-bg", "name": "夜间模式背景色", "value": "#1A1A1A", "usage": "夜间模式页面背景" }, { "id": "card-bg", "name": "卡片背景色", "value": "#FFFFFF", "usage": "书籍卡片、内容卡片背景" }, { "id": "shadow", "name": "阴影色", "value": "#00000020", "usage": "卡片阴影、浮层阴影" }, { "id": "mask", "name": "遮罩色", "value": "#00000080", "usage": "弹窗遮罩、模态框背景" }, { "id": "border", "name": "边框色", "value": "#E5E5EA", "usage": "组件边框、分割线" }, { "id": "focus-border", "name": "悬停/聚焦边框色", "value": "#007AFF", "usage": "输入框聚焦、按钮悬停边框" } ] }, "typography": [ { "id": "large-title", "name": "大标题", "size": 28, "weight": 700, "color": "#1C1C1E", "usage": "页面主标题、重要标题" }, { "id": "medium-title", "name": "中标题", "size": 22, "weight": 600, "color": "#1C1C1E", "usage": "章节标题、卡片标题" }, { "id": "book-title", "name": "书名标题", "size": 18, "weight": 600, "color": "#1C1C1E", "usage": "书籍名称、章节名称" }, { "id": "body-text", "name": "正文内容", "size": 16, "weight": 400, "color": "#1C1C1E", "usage": "正文内容、描述文字" }, { "id": "reading-text", "name": "阅读正文", "size": 18, "weight": 400, "color": "#2C2C2E", "usage": "小说阅读正文内容" }, { "id": "helper-text", "name": "辅助文字", "size": 12, "weight": 400, "color": "#8E8E93", "usage": "提示文字、次要信息" }, { "id": "author-text", "name": "作者信息", "size": 14, "weight": 400, "color": "#666666", "usage": "作者名称、更新时间等信息" } ], "spacing": [ { "id": "small", "name": "小间距", "value": 8, "usage": "组件内部元素间距、图标与文字间距" }, { "id": "medium", "name": "中间距", "value": 16, "usage": "卡片内边距、表单元素间距" }, { "id": "large", "name": "大间距", "value": 24, "usage": "页面边距、模块间距" }, { "id": "custom-spacing-1754982533043", "name": "页面左右间距", "value": 16, "usage": "自定义间距说明" } ], "components": { "buttons": [ { "id": "primary", "name": "主要按钮", "normal": { "backgroundColor": "#007AFF", "textColor": "#FFFFFF", "hoverBackgroundColor": "#0056CC" }, "disabled": { "backgroundColor": "#E5E5EA", "textColor": "#8E8E93" }, "borderRadius": 8 }, { "id": "secondary", "name": "次要按钮", "normal": { "backgroundColor": "#F2F2F7", "textColor": "#007AFF", "hoverBackgroundColor": "#E5E5EA" }, "disabled": { "backgroundColor": "#F2F2F7", "textColor": "#C7C7CC" }, "borderRadius": 8 } ], "inputs": [ { "id": "default", "name": "默认输入框", "normal": { "backgroundColor": "#FFFFFF", "borderColor": "#E5E5EA", "textColor": "#1C1C1E", "placeholderColor": "#8E8E93", "focusBorderColor": "#007AFF" }, "disabled": { "backgroundColor": "#F2F2F7", "borderColor": "#E5E5EA", "textColor": "#8E8E93" }, "borderRadius": 8 } ], "toasts": [ { "id": "info", "name": "信息提示", "backgroundColor": "#000000CF", "textColor": "#FFFFFF", "borderRadius": 20, "minHeight": 45, "maxWidth": 200 }, { "id": "success", "name": "成功提示", "backgroundColor": "#34C759", "textColor": "#FFFFFF", "borderRadius": 20, "minHeight": 45, "maxWidth": 200 }, { "id": "warning", "name": "警告提示", "backgroundColor": "#FF9500", "textColor": "#FFFFFF", "borderRadius": 20, "minHeight": 45, "maxWidth": 200 }, { "id": "error", "name": "错误提示", "backgroundColor": "#FF3B30", "textColor": "#FFFFFF", "borderRadius": 20, "minHeight": 45, "maxWidth": 200 } ], "cards": [ { "id": "book-card", "name": "书籍卡片", "backgroundColor": "#FFFFFF", "hoverBackgroundColor": "#F8F9FA", "borderColor": "#E5E5EA", "borderRadius": 12, "shadow": "0 2px 12px #00000010", "usage": "书籍信息展示卡片" }, { "id": "chapter-card", "name": "章节卡片", "backgroundColor": "#FFFFFF", "hoverBackgroundColor": "#F8F9FA", "borderColor": "#F0F0F0", "borderRadius": 8, "shadow": "0 1px 4px #00000008", "usage": "章节列表项卡片" }, { "id": "reading-card", "name": "阅读内容卡片", "backgroundColor": "#FFFEF7", "hoverBackgroundColor": "#FFFEF7", "borderColor": "transparent", "borderRadius": 0, "shadow": "none", "usage": "阅读页面内容容器" } ], "tagOrStatus": [ { "id": "completed", "name": "完结状态", "backgroundColor": "#F6FFED", "textColor": "#52C41A", "borderRadius": 12, "borderColor": "#B7EB8F" }, { "id": "updating", "name": "连载中状态", "backgroundColor": "#E6F7FF", "textColor": "#1890FF", "borderRadius": 12, "borderColor": "#91D5FF" }, { "id": "vip", "name": "VIP标签", "backgroundColor": "#FFF7E6", "textColor": "#FA8C16", "borderRadius": 12, "borderColor": "#FFD591" }, { "id": "hot", "name": "热门推荐", "backgroundColor": "#FFE6E6", "textColor": "#FF4D4F", "borderRadius": 12, "borderColor": "#FFE6E6" }, { "id": "new", "name": "新书标签", "backgroundColor": "#F6FFED", "textColor": "#52C41A", "borderRadius": 12, "borderColor": "#B7EB8F" }, { "id": "category", "name": "分类标签", "backgroundColor": "#F0F0F0", "textColor": "#666666", "borderRadius": 16, "borderColor": "#E0E0E0" } ], "readingSettings": [ { "id": "font-size-small", "name": "小字体", "fontSize": 16, "lineHeight": 1.6 }, { "id": "font-size-medium", "name": "中字体", "fontSize": 18, "lineHeight": 1.7 }, { "id": "font-size-large", "name": "大字体", "fontSize": 20, "lineHeight": 1.8 }, { "id": "font-size-xlarge", "name": "超大字体", "fontSize": 24, "lineHeight": 1.9 } ], "progressBars": [ { "id": "reading-progress", "name": "阅读进度条", "backgroundColor": "#F0F0F0", "progressColor": "#4A90E2", "height": 4, "borderRadius": 2 }, { "id": "chapter-progress", "name": "章节进度条", "backgroundColor": "#E5E5EA", "progressColor": "#7B68EE", "height": 2, "borderRadius": 1 } ] } }