精选 · 开放 · 免费

Lusion

Lusion创造3D视觉叙事和交互式网络体验，助力品牌脱颖而出。

01

设计气质 DNA

一个用于打造沉浸式3D叙事的数字熔炉。

02

色彩

高对比度画布，单色形态中突出一抹电蓝色点缀。

03

字体

geometric-sans · monospace

• display144px · 500
• heading143px · 400
• body16px · 400
• caption14px · 400

大型展示文本使用紧凑的负字间距 · 所有字体保持简洁、几何美感 · 长篇内容优先使用左对齐文本以提高可读性

04

间距

垂直和水平节奏采用统一的8px基础增量。

05

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

除非卡片需要微妙的盒子阴影，否则不使用可见边框。

0px 2px 4px rgba(0, 0, 0, 0.04) · 0px 6px 10px rgba(0, 0, 0, 0.04)

06

布局

以大型3D视觉主区域为主导的流畅响应式布局。

07

动效与交互

悬停时平滑的变换动画 · 界面元素微妙的透明度过渡 · 主区域中3D物体的持续运动

交互元素上的缩放和颜色过渡。 · 通过微妙的变换偏移提供即时视觉反馈。

08

组件

• button 深色背景、浅色文字的药丸形按钮，采用圆角设计。
• card 用于展示3D项目缩略图的大型圆角容器。
• chip 用于导航或类别的简洁大写文本标签。
• input 采用圆角和微妙边框的极简输入框。
• hero 以3D视觉和大尺寸字体为主导的全宽区域。

09

文案语气与禁用清单

• 语气 自信、专业且富有创新精神。
• 标题风格 强调视觉冲击力和叙事性的粗体简洁陈述。
• 按钮文案 直接且行动导向，常使用大写文本。

• 不要使用多种强调色——设计稿显示由单一电蓝色（#1A2FFB）主导。
• 不要使用装饰性或衬线字体——设计稿显示为简洁的几何无衬线字体（Aeonik）。
• 不要使用繁复的背景或复杂图案——设计稿显示为纯色、浅灰白色背景（#F0F1FA）。
• 不要使用直角——设计稿显示所有容器和按钮均为圆角（15px-100px）。
• 不要使用纤细、精致的字体——设计稿显示标题使用厚重、几何感强的字重。
• 不要使用明亮、饱和的背景——设计稿显示为柔和、低饱和度的配色方案，仅有一个跳跃色彩。
• 避免: 堆砌术语的描述
• 避免: 被动语态
• 避免: 杂乱的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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