清楚
用层级整理信息，让下一步一眼可见。
地亩 · 品牌与设计
设计指南
欢迎了解地亩的品牌与设计指南。这里介绍「地亩」名称、品牌标识与「小亩」角色形象，以及「我的地块」「能力集」等产品的界面、信息结构与交互设计资产，并说明色彩、字体和语言表达规范，帮助参与设计、内容制作与品牌传播的人保持一致、准确的表达。
关于品牌与产品资产
我们的设计资产既包括名称、标识与角色形象，也包括地块管理、能力集等产品的页面布局、信息组织与交互流程。它们共同构成地亩的识别与使用体验。本页展示不代表使用授权；用户录入的地块、服务、团队资料等内容，也不因出现在产品中而成为可公开复用的素材。
我们的设计理念
让设计退后一步，让生活向前一步。
清楚、自然、有温度。让每一个细节服务于身边具体的事。
留一点白，给身边的可能。简单的界面，具体的生活。
克制
以黑白灰和留白为主，把色彩留给生活。
亲近
用真实场景和日常语言，让人轻松理解。
本指南整理自当前新版官网。标注为「建议」的条目用于后续页面统一；部分既有业务页面保留自己的尺寸与圆角。
01 / Brand
一个熟悉的名字，一眼认出。
沿用官网品牌图形与「地亩」字标。图形、细分隔线与中英文字标一起构成主导航中的品牌组合。
地亩DEMUSEA现有用法导航图形为 52 × 52 px，字标为 23 px；保持原始比例，优先置于白色背景。
使用建议四周至少保留半个图形宽度的净空。保持组合关系，不拉伸、不添加投影、不随意换色。
设计构成
图形负责识别，文字说清名字。
当前标识由黑色曲线图形与独立排版的文字组成。保留图形的原有轮廓和内部留白，用明确的名字帮助第一次见到它的人建立认识。
一套组合，三个层次
- 品牌图形
- 识别的视觉锚点，使用现有原文件，不重新描摹。
- 地亩
- 名称承担主要阅读信息，保持清晰，与图形分开排布。
- DEMUSEA
- 作为辅助文字，采用较小字号与疏朗字距，不抢占中文层级。
以上说明来自当前官网的可见构成；净空为本指南的使用建议，不代表已有几何母版。组合字标目前由网页排版生成；这里展示其构成与使用方式。
使用边界 · 建议规范
保持辨识度，不改造标识。
以下对照用于说明使用边界。错误示例仅作示意，不是可用的品牌版本。
保留比例与净空
使用原文件，放在清楚、安静的背景上。
不要拉伸图形
横向或纵向拉伸都会改变原有轮廓。
不要随意旋转
保持现用方向，不为适应版面而倾斜。
不要添加效果
不加投影、立体描边或发光效果。
不要裁掉标识
标识完整呈现，不作为装饰性裁切图案。
不要挤占净空
标题、边框和其他图形不紧贴标识。
颜色与背景沿用现有黑色标识，不自行改色或填入纹理。优先白色背景；遇到复杂图片或深色背景，先为标识留出独立的浅色区域。
图形与角色分工小亩用于讲解、陪伴与产品体验；需要明确识别品牌时，仍保留「地亩」名称与品牌标识，不用角色替换官网字标。
02 / Color
以中性色，衬托真实生活。
文字与操作保持明确，背景安静地承载内容。自然的颜色来自田野、人物和服务场景。点击色板可复制色值。
可读性建议：#777777 用于白底上的次要说明；更小的正文或浅灰底上的文字，优先使用 #626262 或 #202020。状态同时用文字或图标说明。
03 / Typography
文字本身，就是清晰的层级。
使用系统无衬线字体。中文优先苹方，英文跟随系统字体；用字号、字重和行距区分信息，不依赖过多装饰。
身边的事，找到对的人。
让拿手的手艺，被看见。
把事情说清楚，让合适的人接着做。
时间、地点、要做的事，一次说明。
标题紧凑，正文舒展首页标题行高约 1.3，正文行高 1.8–1.9；大标题字距约 −0.025em。
把话说得具体使用「查看服务」「下载 App」等清楚的动作。说明当前能做什么，规划中的能力明确标注。
04 / Layout
留白，让信息各得其所。
官网内容区居中，通过宽度和节奏建立秩序。章节之间拉开距离，同一组信息紧密排列。
页面边距 24–32 px内容区 1120 px
视觉内容标题与说明
示意网格 · 官网图文布局约 1.35 : 181624324864现有布局主导航最大宽度 1240 px，功能区常用 1120 px。桌面主要章节间距约 140–150 px，手机约 90–100 px。
统一建议新增页面采用 8 px 间距节奏；手机端图文改为单列，保留约 24 px 边距，避免压缩正文换取密度。
05 / Components
熟悉的元素，一致的回应。
主要按钮、文字链接、轻量标签与输入区域，构成日常操作。下面的示例可以直接交互。
主要按钮 · 9 px 圆角 / 至少 44 px 高悬停 #363636 · 按下 #101010
组件使用建议：一个区域突出一个主要动作。轻量内容用留白分组，图片常用 12 px 圆角；避免给每一层内容重复加边框和阴影。
06 / Imagery
生活的场景，自然的温度。
沿用官网正在使用的场景图片与品牌形象。图片帮助理解服务场景，图标帮助识别动作，小亩承载陪伴感。钢琴与维修等图片为生成的演示素材，不代表真实服务记录。
图标沿用 Lucide 线性图标库，官网常见尺寸为 14–22 px。建议同一组使用一致线宽；独立图标按钮补充可访问名称，功能含义不明确时保留文字。
07 / Interaction
反馈及时，动效轻一点。
用细微变化告诉用户发生了什么。让操作有回应，也让内容保持稳定。
悬停、按下，或用 Tab 聚焦
轻量过渡
官网导航和主要按钮使用约 0.18 秒的颜色过渡，不依赖大幅位移。
焦点轮廓
键盘操作时保留清晰外轮廓，与元素间隔约 4 px。
触达尺寸
主要按钮高度至少 44 px；新增独立图标操作建议采用同等触达区域。
遵循系统「减少动态效果」偏好，关闭非必要过渡与平滑滚动。加载、空结果和错误状态使用清楚的文字，说明当前状态与下一步。
08 / Assets
品牌与产品，都是设计资产。
从品牌图形、小亩形象，到地块管理、能力集的页面与交互，它们共同形成地亩的产品体验。本页展示设计资产及其使用边界，不提供素材下载，也不代表授予使用许可。
品牌图形
品牌识别用于识别地亩。请勿将其作为其他产品、店铺或组织的标识，或与其他图形拼成新标识。
小亩 · 正面形象
品牌角色地亩的角色形象。请勿擅自改造、用于商品或促销物料，或用于暗示地亩的推荐与背书。
产品设计资产
重要的不只是标识，还有产品如何工作。
页面布局、信息层级、组件组合与操作流程，也需要保持完整与一致。展示产品时应说明实际功能，不把页面截取、改造后当作第三方产品的设计素材。
青禾村我的地块 · 5 块
东坡青禾村
6 亩总面积
租用 · 6 亩
我的地块自有自种租用出租
从画面看设计
可以直接点选地块，观察地图与详情的对应关系。点击上面的编号，查看对应区域的设计说明与轮廓标注。标注仅用于本指南。
设计资产范围
- 村庄与地块的地图呈现
- 面积、作物与经营方式的信息结构
- 地图、列表与地块详情之间的查看流程
内容使用边界
地块位置、边界、照片和经营记录属于具体用户或业务内容，不能作为通用演示素材随意公开。
农事服务 / 秋收能力集
农村土地秋收！
南横山村 · 昔阳县
服务项目
平地、坡地、全托管平地机械化收割
平地¥60 / 亩
平地机械化收割 · 全托管
平地 / 全托管¥120 / 亩
坡地人工帮收 · 不管拉
坡地¥180 / 亩
坡地人工玉米帮收 · 全托管
坡地 / 全托管¥320 / 亩
先了解服务与费用，再到 App 中预约。
从画面看设计
这里复用官网能力集展示，保留场景图、服务层级与费用排列。点击上面的编号，查看对应区域的设计说明与轮廓标注。标注仅用于本指南。
设计资产范围
- 服务项目与团队信息的页面组织
- 费用、服务范围与成员分工的展示
- 服务了解、预约报名与管理的交互流程
内容使用边界
服务照片、成员资料和预约信息不因出现在页面中而成为平台对外提供的品牌素材。
产品设计与用户内容应分开管理。对外演示优先采用明确标注的示例数据；使用真实内容前，应确认相关授权并处理敏感信息。
展示不代表使用授权。
请勿擅自将品牌名称、标识、角色或产品界面用于商业推广、商品包装、周边或第三方品牌；不要移除产品标识、改造界面或复制交互演示来暗示其他产品与地亩存在关联。涉及合作展示或商业使用时，应先与地亩确认具体用途与授权范围；遵循视觉规范本身不构成授权。
查看表达与使用边界09 / Expression
名字写清楚，表达有依据。
品牌一致性也体现在文字与场景里。以下为新增传播内容的使用建议。
名称
平台名称使用「地亩」，角色名称使用「小亩」。
不要混用平台与角色名称，或随意改变字序。
能力描述
描述当前可用的具体动作，例如「查看附近服务」。
不要把规划中的能力写成已上线，或承诺没有依据的结果。
场景图片
官网中的钢琴、维修等图片属于生成的场景演示素材。
不要将演示图或虚构服务信息表述为真实用户、真实成交或用户背书。
共同展示
并列展示其他品牌时，保留各自名称、比例与净空，写清实际关系。
不要拼成新标识，或用未经确认的「官方合作」「认证」等表述。
同一个品牌，每一次都认得出。
了解品牌与产品资产边界