Petfinn

一家友好的社区宠物店与现代健康品牌的结合。

在柔和的粉色或白色背景上使用高对比度的深蓝色墨色，并以充满活力的橙色作为行动召唤（CTA）和亮点的强调色。

transitional-serif · geometric-sans

• display80px · 400
• heading30px · 400
• body18px · 400

标题使用粗体的过渡衬线字体，字间距紧凑。 · 正文使用简洁的几何无衬线字体以保证可读性。 · 文本根据语境主要采用大写或句首字母大写。

以8px为基础节奏，各部分之间留有充足间距。

细薄的1px边框，仅少量使用，主要用于描边按钮。

0px 0px 1px 0px rgba(0, 0, 0, 0.2)

全宽首屏展示区过渡到居中的内容网格。

用于UI交互的标准不透明度和变换过渡效果。

交互元素上的缩放或不透明度过渡效果。 · 细微的缩放效果。

• button 深蓝色底、白色文字的胶囊形主按钮；深蓝色文字的描边幽灵按钮。
• card 产品卡片，具有大尺寸意象和少量文字，并采用圆角设计。
• hero 大型分栏式首屏，纯色背景上搭配粗体排版，并与生活方式摄影图片结合。

• 语气 友好、热情、平易近人。
• 标题风格 直接且对话式，常以问候语开头。
• 按钮文案 以行动为导向，常用箭头指引方向。

• 不要使用刺眼的霓虹色——截图显示的是柔和的粉彩和深海军蓝。
• 不要使用纯粹的几何无衬线字体作为标题——截图显示的是醒目的过渡衬线字体。
• 不要在容器上使用尖锐的方形圆角——截图显示的是一致的圆角设计。
• 不要使用小而密集的文本块——截图显示的是大号、易读的字体和充足的间距。
• 不要使用暗色模式美学——截图以浅色和明亮为主。
• 不要使用厚重的投影——截图显示的是平面感表面，几乎没有或没有高度效果。
• 避免: 临床或过于技术性的术语
• 避免: 咄咄逼人的销售语言
• 避免: 冰冷或缺乏人情味的语气

历史提取与模型分析 · 尚未逐项校验