pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Monte
暖白色基底、等宽文字标注与胶囊形控件。
页面以暖白色为基底。字体采用 Riposte、Apercu Mono。视觉特点包括等宽文字标注、胶囊形控件、摄影展示、衬线字形。适合参考的场景：建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 使用 #b84b30 作为所有主要操作的轮廓胶囊按钮——9999px 半径，1.5px 边框，#b84b30 文字与边框匹配。绝不填充按钮。
- 展示标题使用 Riposte 600 字重，36px 字号，3.6px 字间距，大写形式——宽字间距的衬线大写字母是该系统的标志性排版手法。
- 每个区块配以居中的大写眉标，使用 Riposte 24px 字号，#b84b30 颜色，2.4px 字间距，位于标题上方 20-24px 处。
- 数据类内容（如时间、温度、坐标、输入字段）使用 Apercu Mono 专有呈现。绝不用于标题或长段落文本。
- 首屏应以 #b84b30 填充全视口，品牌标识居中对齐，导航栏紧贴边缘。无需容器，无需卡片——屏幕即为首屏本身。
- 内容卡片使用 14px 圆角，按钮、输入框和徽章使用 9999px 圆角。这一双圆角系统是整个形状语言的核心。
- 使用线稿插画，3px 连续笔触，陶土色背景使用 #5f1d1a，奶油色背景使用 #000000。不填充，不着色。
建议避免
- 不要使用阴影或层叠效果。系统为扁平化——深度来自陶土色到奶油色的表面过渡，而非投影阴影。
- 不要引入第三个表面颜色。色彩调色板仅包含两种：#b84b30 和 #f8f4e9。其余均为中性色，用于文字和边框。
- 按钮绝不使用实色填充。所有操作均为透明描边或轮廓状——边框承载全部视觉重量。
- 不要在长于2 行的正文段落中使用 Riposte。其在大写中的宽字间距虽美观，但在连续正文中会令人疲劳——长文本应切换至系统衬线字体。
- 不要添加渐变、图案或背景纹理。所有表面始终为纯色平面。
- 不要将 #5f1d1a（波尔多红）用于文字或 UI 元素——该色仅用于 SVG 插画填充。
- 不要对图片圆角处理。摄影图片保持自然边缘，位于最大宽度容器内。14px 圆角仅适用于卡片，不适用于照片。
