精选 · 开放 · 免费
Julienrenau
为创意技术专家设计的、风格冷峻的排印式作品集,通过极简设计强调技术专长。
Developer ToolsPortfolioCleanMinimalTypography
01
设计气质 DNA
作品集创意技术专家WebGL极简技术
一个极简、高对比度的数字作品集,展示前沿的创意技术项目。
02
色彩
#272727Ink
#EBEBEBBG
#898989Muted
rgba(39,39,39,0.15)Line
极致克制;采用高对比度单色色调以确保可读性。
03
字体
grotesque-sans
- display
45px · 500 - body
16px · 400
所有文本元素均使用 Founders Grotesk 字体。 · 标题行高保持紧凑。 · 强调部分和元数据使用粗体字重(700)。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
严格的垂直韵律,搭配大块留白区域。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
不对称网格,搭配大块留白和水平分隔线。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
交互元素采用微妙的悬停过渡效果。 · 项目画廊采用水平滚动或滑动方式。
微妙的颜色或透明度变化。 · 直接导航至项目详情页。
08
组件
- button 基于文本的链接,无背景色或边框。
- card 项目卡片为大型水平区块,顶部带有边框。
- hero 以文本为主的首屏区域,采用大号字体排印,图像元素极少。
09
文案语气与禁用清单
- 语气 专业、简洁、技术性强。
- 标题风格 简短、描述性的标题,使用破折号分隔。
- 按钮文案 极简的、基于文本的行动号召。
- 不要使用装饰性插图——截图仅显示冷峻的文字和摄影图像。
- 不要使用明亮的强调色——截图显示的是单色色调。
- 不要使用圆角——截图显示的是棱角分明的矩形元素。
- 不要使用投影——截图显示的是基于边框的平面设计。
- 不要使用复杂的导航——截图显示的是简单的文本链接。
- 不要使用俏皮的字体——截图显示的是简洁的无衬线字体。
- 避免: 避免使用装饰性元素或插图。
- 避免: 避免使用明亮或饱和的颜色。
- 避免: 避免使用复杂的布局结构。
- 避免: 避免使用俏皮或非正式的语言。
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为创意技术专家设计的极简主义作品集,采用冷峻、高对比度的单色色调(墨迹色 #272727 用于背景 #EBEBEB),仅使用一种无衬线字体(Founders Grotesk)。布局采用不对称网格,搭配大块留白和用于分隔区域的水平分隔线。主要特点包括:用于项目标题的、大号粗体字体排印,基于文本的导航,以及完全摒弃装饰性元素或投影。关键禁忌:避免使用明亮的强调色、圆角和俏皮的语言。定位专业且技术性强,强调 WebGL 和 Unity 项目。
en · zh-CN · zh-TW · ja · ko