OpenDesign·你的设计资产库

网页参考

Julienrenau

为创意技术专家设计的、风格冷峻的排印式作品集,通过极简设计强调技术专长。

Developer ToolsPortfolioCleanMinimalTypography
Julienrenau 网站截图

01

设计气质 DNA

作品集创意技术专家WebGL极简技术

一个极简、高对比度的数字作品集,展示前沿的创意技术项目。

02

色彩

#272727Ink
#EBEBEBBG
#898989Muted
rgba(39,39,39,0.15)Line

极致克制;采用高对比度单色色调以确保可读性。

03

字体

grotesque-sans

  • display45px · 500
  • body16px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个为创意技术专家设计的极简主义作品集,采用冷峻、高对比度的单色色调(墨迹色 #272727 用于背景 #EBEBEB),仅使用一种无衬线字体(Founders Grotesk)。布局采用不对称网格,搭配大块留白和用于分隔区域的水平分隔线。主要特点包括:用于项目标题的、大号粗体字体排印,基于文本的导航,以及完全摒弃装饰性元素或投影。关键禁忌:避免使用明亮的强调色、圆角和俏皮的语言。定位专业且技术性强,强调 WebGL 和 Unity 项目。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。