OpenDesign·你的设计资产库

网页参考

Tparkes

一个展示品牌与网站作品的个人数字设计负责人作品集。

PortfolioStudioCleanBold TypographyRestraint
Tparkes 网站截图

01

设计气质 DNA

数字设计负责人作品集汤姆·帕克斯伦敦

一个简洁、专业的数字作品集,采用大胆、富有表现力的排版。

02

色彩

#333333Ink
#FFFFFFBG
#A7A7A7Muted
rgba(51, 51, 51, 1)Line

依赖于字体层级而非色彩点缀的高对比度单色调色板。

03

字体

sans-serif

  • display86px · 600

04

间距

4px
8px
16px
20px
24px
32px
48px
120px

充裕的留白和内边距凸显了大尺寸排版。

05

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

sm · 8px
md · 12px
lg · 16px
pill · 999px

使用主文本颜色的微妙边框,常用于卡片或UI元素。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽主视觉区域,文本左对齐,配有顶部导航栏。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

项目卡片的滚动触发显示

交互元素上微妙的透明度变化或光标指针变化。 · 直接导航或平滑滚动到项目部分。

08

组件

  • button 极简的文字链接或基于图标的按钮(例如,汉堡菜单、“探索我的作品”)。
  • card 大尺寸、全宽的图片/视频卡片,带有圆角。
  • hero 主导性的排版陈述,内联图形图标和一张大型单色图片。

09

文案语气与禁用清单

  • 语气 专业、自信且直接。
  • 标题风格 使用柔和灰色和黑色图标的大型加粗无衬线字体陈述。
  • 按钮文案 简洁、低调的文字链接,如“探索我的作品”。
  • 不要使用彩色渐变——截图显示的是严格的单色调色板。
  • 不要使用衬线字体——排版严格采用无衬线字体。
  • 不要隐藏导航——汉堡菜单在移动设备上很显眼。
  • 不要使用小而拥挤的文字——主视觉标题尺寸巨大(86px)。
  • 不要使用杂乱的背景——背景是干净的白色。
  • 不要使用浓重的阴影——界面表面是平面且干净的。
  • 避免: 避免使用鲜艳色彩
  • 避免: 过度装饰
  • 避免: 过于复杂的导航

10

包内真实截图

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

11

System Prompt

这是一个具有简洁、单色美学的个人数字设计作品集。它使用一个大的无衬线展示字体(86px)来呈现大胆的陈述,并辅以小型、高对比度的黑色图标。主要颜色是白色(#FFFFFF)作为背景,深灰色(#333333)用于墨色,浅灰色(#A7A7A7)用于柔和元素。关键的十六进制颜色包括#333333、#A7A7A7和#FFFFFF。关键约束:永远不要使用彩色点缀、衬线字体或复杂的UI模式。布局宽敞,依赖充裕的留白和单栏容器。导航极简,专注于作品展示。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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