精选 · 开放 · 免费
Playful Software
一个为重要人群构建与分享个人小程序的平台。
ProductPlayfulBold TypographyGradientConsumer
01
设计气质 DNA
个人化创意可分享小程序趣味性
个人时刻的数字画布
02
色彩
#FF2E95Accent
#141414Ink
#FAF7F5BG
#414040Muted
rgba(232,229,224,1)Line
温暖、吸引人的中性色，搭配充满活力的粉色强调色以注入能量。
03
字体
humanist-sans
展示文字使用紧凑字距与粗体字重以达到最大视觉效果。 · 正文保持舒适的阅读体验，采用常规字重与充裕的行高。 · 标题采用居中对齐以形成强烈的视觉焦点。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
围绕中央主视觉区块设置充裕留白，以强调信息。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 16px
lg · 40px
pill · 999px
使用 rgb(232,229,224) 的细微1px边框，用于分隔卡片。
rgba(0, 0, 0, 0.14) 0px 4px 20px 0px · rgba(71, 71, 71, 0.1) 0px 2.18px 5.44px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
单栏居中主视觉布局，过渡至用于内容展示的全宽网格。
07
动效与交互
220msmicro
350mssmall
800msmedium
cubic-bezier(0.34, 1.56, 0.64, 1)easing
弹性缓动用于趣味性的界面交互。 · 平滑的背景与透明度过渡。
交互元素上的细微色彩变化与轻微缩放。 · 使用自定义缓动曲线提供弹性反馈。
08
组件
- button 高对比度的药丸形按钮，使用强调色与白色文字。
- card 圆角方形卡片，带有柔和阴影，常以动态堆叠形式交叠出现。
- chip 极少使用，主要用于表单元素，如邮箱输入框。
- input 简洁、圆角的输入框，带有细微边框。
- hero 大尺寸粗体文字，叠加于柔和渐变背景之上，配有浮动的3D风格应用图标。
09
文案语气与禁用清单
- 语气 友好、直接且富有创新精神。
- 标题风格 大胆、陈述性的声明，带有个人化触感。
- 按钮文案 行动导向且富有邀请性，例如“加入候补名单”。
- 避免使用沉闷、企业化的灰色——截图显示背景为温暖的米色/奶油色（#FAF7F5）。
- 避免在标题中使用纤细、装饰性的衬线字体——截图显示为粗体的人文主义无衬线体。
- 避免使用暗沉、忧郁的配色——截图显示为明亮、通透且温暖的环境。
- 避免为主要元素使用尖锐的90度直角——截图显示为高半径的药丸形和圆角卡片。
- 避免使用被动、微妙的号召性用语——截图显示为充满活力的粉色（#FF2E95）按钮。
- 避免使用过多的边框或分隔线——截图显示为干净的表面，线条最少或不可见。
- 避免: 企业行话
- 避免: 复杂的技术语言
- 避免: 过于正式或冷淡的语气
- 避免: 侵略性的销售语言
- 避免: 小而怯懦的字体
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一款为“趣味软件”打造的、以消费者为中心的趣味性产品着陆页，强调个人创意与分享。其设计DNA包含温暖、吸引人的米色（#FAF7F5）背景，搭配柔和的粉色渐变与充满活力的粉色（#FF2E95）强调色。字体为粗体的人文主义无衬线体，用于制作高冲击力、陈述性的标题。关键约束：绝不使用冷淡的企业灰色或深色背景；避免在标题中使用纤细的装饰性衬线字体；不要为主要UI元素使用尖锐的90度直角；绝不使用沉闷或被动的号召性用语颜色；避免使用过多边框或复杂的网格线，以免破坏温暖的美学；并且不要使用枯燥、技术性的语言——保持友好和直接。
en · zh-CN · zh-TW · ja · ko