精选 · 开放 · 免费

Kippo

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

App UIMobile UIDark ModeBold TypographyConsumer
Kippo 网站截图
↓ 下载设计系统包 (7 MB)在 OpenDesign 中打开

原站: https://kippo.com

📦 浏览包内文件 →

01

设计气质 DNA

约会玩家社交应用

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

02

色彩

#EE1F66Accent
#FFFFFFInk
#000000BG
#29292ABG soft
#CFCFCFMuted
rgba(255, 255, 255, 0.15)Line

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

03

字体

monospace · Source Code Pro

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

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

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

05

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

sm · 10px
md · 15px
lg · 28px
pill · 999px

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

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

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

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

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

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

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

08

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

Kippo是一款具有大胆暗色美学的约会应用着陆页,专为玩家群体定制。设计采用纯黑背景(#000000)搭配清晰白色文字与鲜明霓虹粉色点缀(#EE1F66)。排版以等宽字体(Source Code Pro)为主导,同时用于展示与正文文本,具备宽松字距与全大写转换特性。关键禁止事项包括:禁用衬线字体、禁用浅色背景、必须使用鲜明粉色点缀。布局采用非对称主视觉区,搭配设备模型展示与渐变点缀。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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