精选 · 开放 · 免费
Leonatsume
一个展现情感化数字体验的高端3D角色设计作品集。
PortfolioStudioPremium3DClean
01
设计气质 DNA
3D角色设计师数字设计情感化设计插画动画
一个高端创意工作室作品集,让艺术作品占据中心舞台。
02
色彩
#F41111Accent
#1C1D20Ink
#8B8B8BInk soft
#FAFAFABG
#EEEEEABG soft
#0000EEMuted
rgba(0,0,0,0.1)Line
中性画布搭配高饱和度强调色,让缤纷的3D作品脱颖而出。
03
字体
geometric-sans · grotesque-sans · monospace
- display
65px · 400 - body
18px · 400
所有文字均设置为400字重。 · 字体栈主要依赖Arial和Helvetica以保持回退一致性。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的留白,用于分隔大型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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
设计一个高端、洁净的3D艺术家作品集,聚焦于情感化角色设计与数字插画。使用以米白和浅灰为主的极简中性背景色板,并为关键品牌元素(如logo)搭配单一鲜艳的红色强调色。保持严格的洁净几何无衬线字体风格,字重保持轻盈至中等以维持优雅感。布局应宽敞且高度结构化,允许大型3D渲染图与超大文字主导视觉层次。关键十六进制值包括背景色 #FAFAFA、文字色 #1C1D20 和强调色 #F41111。避免深色模式、衬线字体及任何视觉杂乱。永远不要使用超过500的字重,并将组件边框设为不可见或极其微妙。
en · zh-CN · zh-TW · ja · ko