精选 · 开放 · 免费

ToyFight

一个俏皮而高端的创意机构网站，具有复古游戏启发的美学。

01

设计气质 DNA

一家将 8 位游戏怀旧感与高端创意服务相结合的设计工作室。

02

色彩

温暖、柔和的中性背景色与高对比度的深色墨水形成对比。

03

字体

monospaced · condensed-sans

• display56px · 400
• heading46px · 400
• body18px · 400
• caption14px · 500
• micro10px · 500

主要标题使用等宽字体，以强化复古科技美学。 · 正文和 UI 文本使用窄体无衬线字体。 · 小标签使用大写字母和宽字间距。

04

间距

充足的留白，让粗体排版和 3D 元素得以呼吸。

05

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

1px solid #0D0D0E

0 4px 12px rgba(0,0,0,0.05)

06

布局

不对称、散点布局，包含重叠元素和充足的内边距。

07

动效与交互

颜色和背景变化的平滑过渡。 · 3D 对象的复杂变换动画。 · 滚动触发的入场动画。

交互元素上的微妙颜色偏移和变换。 · 通过激活状态提供即时视觉反馈。

08

组件

• button 药丸形或圆角矩形按钮，采用浅色背景和深色边框。
• card 深色背景卡片，用于展示作品集。
• chip 小药丸形标签，用于标签和分类。
• input 简洁的文本输入框，带有底部边框。
• hero 大型 3D 交互对象搭配散点、粗体的字体块。

09

文案语气与禁用清单

• 语气 自信、俏皮且略带不羁。
• 标题风格 大胆、碎片化的陈述，个性鲜明。
• 按钮文案 直接而俏皮，常使用非常规标签。

• 不要为显示文本使用通用无衬线字体 —— 截图显示的是等宽和窄体字体。
• 不要采用僵硬、对称的布局 —— 截图显示的是散点、重叠的元素。
• 不要使用冰冷、临床的调色板 —— 截图显示的是温暖、柔和的中性色（如 #F1E7E7）。
• 不要避免 3D 和俏皮元素 —— 截图显著展示了一个 3D 游戏机。
• 不要使用纤细、精致的边框 —— 截图显示的是实心、自信的 1px 边框。
• 不要让字体大小统一 —— 截图显示从 10px 到 56px 的极端变化。
• 避免: 乏味的商务用语
• 避免: 过于正式的语言
• 避免: 通用的设计术语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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