Podcorn

连接独立播客创作者与品牌广告商的桥梁

白色背景搭配深色高对比度文本，使用单一的暖珊瑚色作为主要操作强调色。

geometric-sans

• display56px · 700
• body-lg20px · 400
• body16px · 400
• nav16px · 600

所有展示文本和正文均使用几何无衬线字体。 · 主视觉标题使用700字重，行高紧凑。 · 标准正文使用400字重，行高宽松。

以4px为基础网格，垂直间距使用8px的倍数。

实线边框，激活状态通常为4px粗，其他状态则细微或无边框。

rgba(0, 0, 0, 0.03) 0px 2px 12px 0px

响应式网格，在移动端堆叠显示，采用最大宽度容器。

hover时的颜色和边框过渡（0.3秒缓入缓出）。 · 状态变化时的背景过渡。

反转按钮样式（例如从实心变为轮廓）或改变背景颜色。 · 直接导航或状态切换。

• button 主按钮为深色实心，次级按钮为轮廓样式。内边距充足。根据上下文使用大写或句首大写。
• card 带边框的容器，有时带有细微的背景色（如珊瑚色卡片），对齐整洁。
• chip 用于在水平滚动或网格中展示合作伙伴标识。
• input 简单的带边框输入框，配有清晰的标签。
• hero 分栏布局，左侧为文本和行动号召，右侧为带框的插图。

• 语气 专业、鼓励且清晰。
• 标题风格 加粗、陈述式，常以句号结尾。
• 按钮文案 以行动为导向（立即注册、了解更多、联系我们），清晰直接。

• 不要使用细字重——截图显示使用600和700等粗壮字重进行强调。
• 不要使用复杂的配色方案——截图显示以深海军蓝/珊瑚色强调为主的配色方案。
• 不要使用装饰性或手写体字体——截图使用简洁的几何无衬线字体。
• 不要使用厚重的盒阴影——截图显示非常细微、近乎扁平的表面效果。
• 不要使用完全圆角的按钮——截图使用棱角分明的矩形按钮。
• 不要使用复杂渐变——截图使用纯色、扁平的背景和按钮。
• 避免: 非正式俚语
• 避免: 侵略性销售语言
• 避免: 过于复杂的行话