01
设计气质 DNA
3D角色设计师数字设计情感化设计插画动画
一个高端创意工作室作品集，让艺术作品占据中心舞台。
02
色彩
#F41111Accent#1C1D20Ink#8B8B8BInk soft#FAFAFABG#EEEEEABG soft#0000EEMutedrgba(0,0,0,0.1)Line中性画布搭配高饱和度强调色，让缤纷的3D作品脱颖而出。
03
字体
- display
65px · 400 - body
18px · 400
所有文字均设置为400字重。 · 字体栈主要依赖Arial和Helvetica以保持回退一致性。
04
间距
4px8px16px24px32px48px64px96px充裕的留白，用于分隔大型3D元素与列表行。
05
表面 (圆角 / 阴影 / 边线)
sm · 3px
md · 15px
lg · 20px
pill · 999px
1px solid rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
标准的英雄区域，后跟用于项目的水平列表布局。
07
动效与交互
100msmicro
200mssmall
300msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
可见性切换与基础CSS过渡，用于简单的悬停状态。
链接与按钮上简单的指针交互。 · 标准链接导航。
08
组件
- button 胶囊形轮廓按钮，文字大写。
- card 水平项目行，左侧为大号文字标题，右侧为3D缩略图。
- hero 全屏视口英雄区域，包含一个3D角色插画与超大重叠文字。
09
文案语气与禁用清单
- 语气 自信、专业且富有艺术表现力。
- 标题风格 简短、有力，使用超大的几何无衬线字体。
- 按钮文案 简洁、胶囊形、低调。
- 不要使用深色模式——截图显示的是明亮的白色/米白色背景。
- 不要使用衬线字体——截图显示的是干净的几何无衬线与怪诞无衬线字体。
- 不要使布局杂乱——截图显示有充裕的留白与单栏列表。
- 不要使用粗边框或强烈阴影——截图显示的是平面设计，边框微妙或无边框。
- 不要使用过重的字重——截图显示几乎全部为400字重文字。
- 不要使用繁忙的背景——截图显示3D作品背后是平坦的中性色。
- 避免: 复杂的多栏网格
- 避免: 密集的文字块
- 避免: 强烈的投影
10
包内真实截图
11
System Prompt
设计一个高端、洁净的3D艺术家作品集，聚焦于情感化角色设计与数字插画。使用以米白和浅灰为主的极简中性背景色板，并为关键品牌元素（如logo）搭配单一鲜艳的红色强调色。保持严格的洁净几何无衬线字体风格，字重保持轻盈至中等以维持优雅感。布局应宽敞且高度结构化，允许大型3D渲染图与超大文字主导视觉层次。关键十六进制值包括背景色 #FAFAFA、文字色 #1C1D20 和强调色 #F41111。避免深色模式、衬线字体及任何视觉杂乱。永远不要使用超过500的字重，并将组件边框设为不可见或极其微妙。