精选 · 开放 · 免费

Postmark

真正受人喜爱的邮件送达服务。

01

设计气质 DNA

一个高度高效、专注的服务，优先处理关键邮件而非垃圾信息。

02

色彩

高对比度、充满活力的主黄色，搭配纯净白色与深墨色，确保可读性。

03

字体

slab-serif · humanist-sans · monospace

• display56px · 900
• heading40px · 700
• subhead20px · 400
• body16px · 400
• caption14px · 400

使用粗衬线字体作为主要冲击力标题，传达友好与力量感。 · 正文使用人文主义无衬线字体，保持卓越可读性与现代感。 · 大型展示文本保持紧凑的字间距。

04

间距

8px 网格

05

表面 (圆角 / 阴影 / 边线)

1px solid rgba(36,39,45,1)

0px 2px 3px 0px rgba(0,0,0,0.07) · 0px 4px 15px 0px rgba(0,0,0,0.07) · 0px 9px 25px 0px rgba(0,0,0,0.2)

06

布局

标准首屏布局，采用分列设计：左侧内容，右侧视觉/推荐卡片。

07

动效与交互

元素进入视口时淡入并向上滑动。 · 悬停状态采用平滑颜色过渡。

背景色或文字颜色的微妙变化，配合平滑过渡。 · 通过标准按钮状态提供即时反馈。

08

组件

• button 实心主色调，圆角设计，用于主要行动号召。
• card 白色背景，配以微妙阴影和圆角，用于推荐内容。
• chip 带箭头指示器的简洁文本链接。
• input 标准文本输入框，带有清晰边框和内边距。
• hero 大号、加粗字体，置于充满活力的背景色上，辅以支持性视觉元素或行动号召。

09

文案语气与禁用清单

• 语气 自信、直接且友好。
• 标题风格 关于价值主张的大胆、清晰陈述。
• 按钮文案 以行动为导向，聚焦于开始试用或了解更多。

• 不要使用深色模式主题——截图显示主背景为明亮、高能量的黄色。
• 不要使用过于复杂的渐变——截图显示主要为纯色背景，通过阴影营造微妙深度感。
• 不要使用纤细、装饰性衬线字体——截图显示为坚实、粗衬线的展示字体。
• 不要使用柔和、低对比度的调色板——截图显示为充满活力、高对比度的方案。
• 不要使用高度密集、多栏布局——截图显示留白充足，版块间有清晰分隔。
• 不要使用通用、抽象的图标——截图显示为增加个性的定制线描插图。
• 避免: 避免使用过于技术化、令非开发者疏远的行话。
• 避免: 避免冰冷或纯粹的企业化语气。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko