品牌与素材库
创建包含颜色、字体、风格与语气的 Brand Kit，让 AI 生成风格统一的页面；上传、整理、编辑并管理所有页面共用的图片。
品牌与素材有什么用？#
“品牌”（Thương hiệu）用于保存 Brand Kit：名称、标语、配色、字体、显示风格、语气和联系方式。AI 在创建新页面时会参考它来设计并撰写风格统一的内容。“素材”（Tài nguyên）是工作区内所有页面共用的图片库，也是编辑器插入图片时的来源。
这两项位于 Landing Pages 第二列菜单的“资产”（Tài sản）组。Brand Kit 和图片属于当前选中的工作区；在顶栏切换工作区会看到另一套数据。
1. 创建第一个 Brand Kit#
- 1
进入 Landing Pages › 品牌。工作区还没有 Kit 时，页面显示“创建第一个 Brand Kit”（Tạo Brand Kit đầu tiên）面板。
- 2
点击“创建 Brand Kit”（Tạo Brand Kit）。系统立即创建名为“Brand Kit 1”的 Kit，带默认配色和字体，并因是第一个 Kit 而被设为默认。
- 3
编辑表单随即打开；在下一步修改名称和信息后，点击“保存更改”（Lưu thay đổi）。
2. 填写品牌信息并选择配色#
- 1
“品牌信息”（Thông tin thương hiệu）卡片：填写品牌名称（保存时必填）、标语（Slogan）和简短描述（最多 160 个字符，右下角有计数）。
- 2
“配色”（Bảng màu）卡片：点击一个预设配色（Rừng thông、Đại dương、Hoàng hôn、Oải hương、Than chì、Rượu vang），一次应用全部 4 种颜色。
- 3
逐一微调：主色（Màu chủ đạo，按钮、链接）、辅助背景色（Màu nền phụ，区块背景）、强调色（Màu nhấn，徽标、亮点）、中性色（Màu trung tính，次要文字、边框）。点击色块打开取色器，或输入 #047857 这样的十六进制色值。
- 4
色值格式错误时边框变红并提示“颜色代码无效”，修正前无法保存。若主色过浅，系统会提醒按钮上的白字可能难以阅读。
- 5
右侧“品牌预览”（Xem trước thương hiệu）会随名称、标语、颜色和字体即时更新，方便保存前检查。
3. 字体、显示风格与 AI 语气#
- 1
“字体”（Kiểu chữ）卡片：选择“标题”（Tiêu đề）或“正文”（Nội dung）位置，再点击 10 种字体之一（Inter、Be Vietnam Pro、Manrope、Space Grotesk、Playfair Display、Lora、Archivo、IBM Plex Sans、Nunito、Source Serif 4）。每张字体卡片都用该字体显示，下方附简短说明。
- 2
“显示风格”（Phong cách hiển thị）卡片：圆角（Bo góc：Vuông、Nhẹ、Vừa、Lớn、Tròn）、阴影（Đổ bóng：Không、Mềm mại、Nổi bật）和内容密度（Mật độ nội dung：Gọn、Cân bằng、Thoáng）决定按钮、卡片和间距的整体感觉。
- 3
“AI 语气与用词”（Giọng điệu & từ ngữ cho AI）卡片：从 Tinh tế、Chuyên nghiệp、Gần gũi、Sáng tạo、Cao cấp、Trẻ trung 中最多选 3 种语气；计数（0/3）显示已选数量。
- 4
“建议使用”（Nên dùng）和“避免使用”（Nên tránh）：输入词语后按 Enter 或逗号生成标签（每栏最多 30 个）；点击标签上的 × 删除。AI 写作时会优先使用或避开这些词。
- 5
“联系信息”（Thông tin liên hệ）卡片：邮箱、电话、网站、地址用于 AI 生成页面中的联系区块。
4. 保存、设为默认与使用多个 Brand Kit#
- 1
点击“保存更改”或按 ⌘S（Windows 为 Ctrl+S）。“未保存”圆点消失，按钮短暂显示“已保存”（Đã lưu）。带着未保存的修改离开页面时，浏览器会发出提醒。
- 2
如需新增 Kit（如用于另一条产品线），点击 Kit 列表旁的“+ 添加”（Thêm）。点击 Kit 名称即可切换；当前 Kit 有未保存修改时，系统会先询问是否放弃。
- 3
带星标的是默认 Kit——AI 创建新页面时使用它。选中其他 Kit 后点击“设为默认”（Đặt làm mặc định）即可更换。
- 4
通过工具栏上的垃圾桶图标删除 Kit；此操作不可撤销。
- 5
使用 AI 创建页面时，向导第 2 步“品牌”（Thương hiệu）可选择现有 Brand Kit，或选择“让 AI 推荐”（Để AI đề xuất，AI 按行业设计 3 套配色与字体方案）。
5. 上传图片并整理文件夹#
- 1
进入 Landing Pages › 素材（Tài nguyên）。副标题显示库中的文件总数。
- 2
点击“上传图片”（Tải ảnh lên）或将图片拖放到页面。支持 PNG、JPG、WebP、GIF、SVG，每张最大 10MB；可一次选择多张，进度显示“正在上传 x/y…”。
- 3
左侧文件夹栏包含“全部图片”（Tất cả ảnh）、“未分类”（Chưa phân loại）和您创建的文件夹。点击“+ 新建文件夹”（Thư mục mới），输入名称后按 Enter 或点击勾号按钮（创建文件夹）。
- 4
打开某个文件夹时，上传的图片会直接进入该文件夹（按钮变为“上传到文件夹 …”）。将图片拖到文件夹名称上即可移动。
- 5
鼠标悬停在文件夹上可重命名或删除。删除文件夹不会删除其中图片，图片会回到“未分类”。
6. 搜索、多选与查看图片详情#
- 1
“按文件名搜索…”按名称筛选；排序框提供“最新”“名称 A → Z”和“文件最大”；右侧两个按钮切换网格与列表视图。图片较多时底部有“加载更多图片”按钮。
- 2
鼠标悬停在图片上可快速“复制 URL”“查看详情”或“删除”。
- 3
勾选图片上的复选框进行多选；多选状态下点击图片即可选中/取消，按住 Shift 可选择一段范围。操作栏显示“已选 N 张图片”，并提供“全选”“移到文件夹…”和“删除”；按 Esc 取消选择。
- 4
点击图片打开详情：点击名称旁的铅笔图标重命名（Enter 保存，Esc 取消）；查看格式、大小和上传日期；更改文件夹；复制公开 URL；点击“下载”保存到电脑。
7. 旋转、裁剪、删除图片与存储说明#
- 1
在图片详情中点击“旋转 / 裁剪”（Xoay / Cắt ảnh）。用“左转 90°”或“右转 90°”旋转；点击“裁剪”后在图片上拖动绘制裁剪区域，拖动 4 个角调整。下方显示导出尺寸；“重置”会放弃所有修改。
- 2
“保存副本”（Lưu bản sao）会新建一张名为“<原名> (đã sửa)”的图片，并保留原图。
- 3
“覆盖原图”（Ghi đè ảnh gốc）替换图片内容但保持 URL 不变，所有使用该图片的页面都会显示新版本。仅 PNG、JPG、WebP 可覆盖；GIF、SVG 的结果会保存为 PNG 副本。
- 4
删除图片（单张或多选）需要确认。使用已删除图片的页面会显示占位图，因此请先在页面上替换图片再删除。