精选 · 开放 · 免费

Kippo

专为玩家设计的暗色主题约会应用着陆页，大胆采用高对比度霓虹粉色点缀。

01

设计气质 DNA

霓虹灯照耀的街机厅邂逅现代社交中心。

02

色彩

高对比度深色模式，搭配单一霓虹粉色点缀与单色文字层级体系。

03

字体

monospace · Source Code Pro

• display42px · 700
• body12px · 400

所有文字均为大写形式 · 大量使用等宽字体处理正文与展示文字 · 标题与导航采用宽松字间距

04

间距

基于4px基准网格的统一间距，配合充足内边距营造呼吸感。

05

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

1px solid rgba(255, 255, 255, 0.15)

0 4px 24px rgba(0, 0, 0, 0.5)

06

布局

非对称双栏主视觉区：左侧文字内容，右侧设备模型展示。

07

动效与交互

悬停时透明度过渡（0.2秒） · 交互元素平滑悬停状态

交互元素触发透明度变化。 · 即时视觉反馈。

08

组件

• button 采用霓虹粉色填充，搭配粗体等宽字体文字。
• card 深灰色面板配以细微1px边框。
• chip 未见可视组件。
• input 未见可视组件。
• hero 大写粗体文字搭配带彩色阴影点缀的设备模型展示。

09

文案语气与禁用清单

• 语气 自信、充满活力、聚焦玩家社群。
• 标题风格 粗体大写、宽松字距的等宽字体。
• 按钮文案 直接的大写等宽字体命令式文案。

• 禁用衬线字体——截图显示完全采用等宽/无衬线字体体系。
• 禁用白色背景——截图显示以纯黑为主的深色背景。
• 禁用低对比度配色——截图显示黑色基底上的高对比度白色与霓虹粉色。
• 标题禁用小写形式——截图显示全大写文字配合宽松字距。
• 禁用暗淡或微妙的点缀色——截图显示鲜明霓虹粉色（#EE1F66）。
• 禁用细边框——截图显示1px边框或无边框设计。
• 避免: 衬线字体
• 避免: 柔和色系配色
• 避免: 正式商务用语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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