Raw Materials
暖白色基底、扁平表面与大字排版。
The1
浅灰色基底、紧密字距与细线分隔。
页面以浅灰色为基底，搭配近黑色文字。字体采用 KH Teka。视觉特点包括紧密字距、细线分隔、摄影展示、网格布局。适合参考的场景：建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 每个标题都使用 KH Teka 字重 400。60px 及以上使用 -0.06em 字间距，60px 及以下使用 -0.03em；负字间距就是品牌语气。
- 60px+ 的展示文字采用 0.70–0.80 行高，让上一行的下伸部接触下一行的上伸部。文字构成墙面，而不是段落。
- #027b49、#f19ec8、#fa4d43、#fbb833 这四种彩色，只用于物业或具名地点的满幅身份色块；绝不用于行内强调、图标或文字。
- 所有正文、边框和胶囊按钮填充都使用近黑色 #1f1f1f，而非纯 #000000。更柔和的黑色与混凝土画布显得融为一体。
- 四种品牌色都从边缘铺到边缘，不设卡片内边距、边框或阴影。色块本身就是组件。
- 每个深色 Pill Button 都使用 100px 圆角和 #1f1f1f 填充，并在同一行前方搭配一个文字问题，让按钮读起来像答案，而不是操作。
- 物业名称旁放置 8–10px 的彩色圆点，采用该物业的身份色，作为行内寻路标记。
建议避免
- 不要将四种彩色分配给 success/error/warning/info 状态。它们是固定的身份色组，而非语义配色。
- 卡片、按钮或图像不要添加 box-shadows、渐变或任何悬浮效果。系统极其平面。
- 不要引入第二种展示字体。KH Teka 是唯一的声音，必须覆盖每个可见单词。
- 卡片不要做成圆角。物业和区块都采用满幅矩形；圆角只属于 100px 的胶囊和汉堡菜单圆形。
- 任何地方的行高都不要超过 1.20。展示文字必须压缩至 0.70–0.80，绝不以“提高可读性”为由放宽到 1.4–1.6。
- #027b49、#f19ec8、#fa4d43 或 #fbb833 不要用于正文、细小注释或按钮填充。它们是表面色，而不是内容色。
- 首屏展示文字不要放进会使它自然换行的 max-width 容器。让标题铺满宽度，并按自身的意图断行。
