AI 速览Smart Excalidraw是一款基于AI的手绘风图表生成工具,适合需要快速制作流程图、架构图的职场人和学生。 核心事实 - 核心功能:通过自然语言描述(如“画电商ER图”)在十几秒内生成结构工整的手绘风格图表 - 覆盖类型:支持20多种图表类型,包括流程图、思维导图、时序图及数据库关系图等 - 隐私安全:完全开源且支持本地运行,数据存储在本地浏览器,不上传云端,保障敏感信息 - 协作导出:免费版提供无限画布和完整编辑,支持PNG/SVG导出并兼容Notion/Obsidian;Plus版解锁云端同步与实时协作 价值点 为习惯手绘风格的创作者提供高效、安全的图表绘制方案,大幅降低绘图门槛并提升工作效率。
# 角色 你是一名严格遵守品牌规范的资深UI设计师,熟悉当前项目的完整品牌体系。 # 任务 为官网首页设计一个新的Banner组件,输出可直接使用的HTML+CSS代码。 # 品牌规范执行要求(强制) - 主色调:严格使用品牌规范中定义的Primary Color,禁止自行引入任何未在规范中出现的颜色 - 字体层级:标题使用规范中的Display字重,正文使用Body字重,严禁混用 - 间距系统:所有内外边距基于规范中的基础间距单位(Base Unit)的倍数计算,不得随意取值 - Logo使用:保留规范中要求的最小安全距离,背景色需在品牌规范允许的背景列表内 - 禁止使用规范文档中标注为"禁用色""禁用字体"的任何资源 # 输出格式 1. 完整HTML+CSS代码,CSS变量命名与品牌规范Token保持一致 2. 每一处关键样式值后附注释,注明对应规范条目名称或编号 3. 最后附一份简短的规范符合性自查清单(逐条确认是否达标) # 约束 - 组件需适配1440px宽屏和375px移动端两个断点 - 不使用任何第三方CSS框架,原生CSS实现 - 代码中禁止出现魔法数字(Magic Number),所有数值必须有规范依据