精选 · 开放 · 免费

Moving Brands

一家塑造组织视觉与体验的全球化创意公司。

01

设计气质 DNA

一间以醒目霓虹色调为点睛之笔的午夜设计工作室。

02

色彩

以高对比度单色系为基础，搭配单一、醒目的霓虹黄绿色调用于关键操作。

03

字体

humanist-sans

• display56px · 400
• display-md32px · 400
• body-lg23px · 400
• body19px · 400
• body-sm15px · 400
• label15px · 500

标题与正文应采用统一的人文无衬线字体，确保现代感与整体性。 · 保持充裕的行高，确保深色背景下的可读性。 · 谨慎使用字重500，仅用于交互标签与次要强调。

04

间距

充裕的垂直节奏，强化深色画布的开阔、高端质感。

05

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

尽量保持极简与隐匿；主要依靠间距与色彩对比实现区域分隔。

0px 32px 68px rgba(0, 0, 0, 0.3)

06

布局

主视觉区采用充裕的单列居中布局，服务模块则扩展为多列网格。

07

动效与交互

平滑的页面过渡与背景位置位移。 · 内容区块的细微渐显效果。

平滑的背景色或颜色过渡。 · 通过轻微的缩放或色变提供即时视觉反馈。

08

组件

• button 高对比度的纯色色块，霓虹色背景搭配深色文字；边角锐利或略带圆润。
• card 通常无边框，依靠充裕间距与排版层次在深色表面上实现区分。
• hero 超大号居中排版，清晰简洁地传递价值主张，并提供方向性指引。

09

文案语气与禁用清单

• 语气 自信、前瞻、专业。
• 标题风格 直接、行动导向、富有张力。
• 按钮文案 简洁、清晰、高度可见。

• 切勿使用衬线字体——截图显示整体采用简洁的人文无衬线字体。
• 切勿使用多种鲜艳的强调色——截图显示仅使用单一、主导的霓虹黄绿色调。
• 切勿使用浅色或白色背景——截图显示以深邃黑色作为主要画布。
• 切勿用UI元素过度填充布局——截图显示充裕的留白与极简的组件。
• 切勿使用柔和、低对比度的文字颜色——截图通过纯白与浅灰色保持高对比度。
• 切勿使用复杂、重叠的装饰性元素——截图呈现高度克制、以文本为中心的设计。
• 避免: 界面杂乱
• 避免: 柔和或粉彩的色调
• 避免: 衬线字体
• 避免: 过于复杂的网格系统
• 避免: 过多的边框或投影

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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