精选 · 开放 · 免费

Minymon

一个提供可爱、互动式吉祥物角色以提升网站参与度的趣味服务。

01

设计气质 DNA

您网站的数字宠物商店

02

色彩

温暖、平易近人，采用高对比度、友好的色彩组合。

03

字体

humanist-sans

• display56px · 700
• h136px · 700
• body18px · 400
• nav13px · 500

导航链接使用大写字母和宽字距。 · 主标题文本使用紧凑的负字距。 · 行内使用表情符号以增强趣味语调。

04

间距

主要的内容块之间采用宽松的垂直内边距。

05

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

使用纯色主蓝色边框并搭配硬边投影。

4px 4px 0px 0px rgba(21, 76, 126, 1)

06

布局

居中单列布局，包含最大宽度容器和一个显眼的浮动吉祥物。

07

动效与交互

交互元素使用平滑过渡效果。

光标悬停在交互元素上时变为指针。 · 标准的按钮按压行为。

08

组件

• button 带有硬边投影的实心边框；采用趣味的圆角设计。
• card 未明确定义；角色以简单的浮动行形式呈现。
• chip 未明确定义。
• input 未明确定义。
• hero 文本居中的主视觉区域，配有大型装饰性波浪分隔线。

09

文案语气与禁用清单

• 语气 友好、引人入胜且略带奇思妙想。
• 标题风格 直接且具对话感，使用表情符号。
• 按钮文案 以行动为导向且具有鼓励性。

• 不要使用单调的白色背景——截图显示的是温暖的米白色 (#F9F2EA)。
• 不要使用尖锐、机械的投影——截图显示的是趣味性的硬边投影。
• 不要使用高科技、深色UI——截图使用的是浅色、友好且平易近人的配色方案。
• 不要使用复杂的多栏网格——截图显示的是简洁的居中单列布局。
• 不要使用激进的霓虹色作为强调色——截图使用的是柔和、温暖的珊瑚/鲑鱼色 (#F16849)。
• 不要使用刻板、以衬线体为主的排版——截图使用的是圆角、人文主义无衬线字体。
• 避免: 企业术语
• 避免: 复杂的技术术语
• 避免: 激进的销售语言
• 避免: 正式或刻板的语气

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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