精选 · 开放 · 免费

Petertarka

一个高端创意作品集，以极简的编辑式排版展示精细的 3D 环境。

01

设计气质 DNA

一个策划过的画廊，展示定制的 3D 视觉世界，采用受瑞士风格启发的、简洁的版式布局。

02

色彩

在中性米白色画布与醒目的黑色字体之间形成高对比度。

03

字体

geometric-sans

• display38px · 300
• body16px · 400

所有文字层使用几何无衬线字体 · 大标题展示文字使用细体 (300) · 正文和小元素使用常规体 (400) · 大标题展示文字使用紧凑的行高

04

间距

宽大的内边距 (45px) 营造出通透、画廊般的感受。

05

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

使用细薄的 1px 线条，颜色为 rgba(0, 0, 0, 0.1)，使用克制，有时采用不对称方式 (0px 1px 1px 0px)。

06

布局

一个简洁的网格，在纯色块和空白区域之间交替。

07

动效与交互

hover 时的颜色和透明度过渡 · 快速 (0.125s) 的透明度过渡，用于细微的界面反馈

细微的透明度变化和颜色过渡。 · 标准的链接行为。

08

组件

• button 极简的文字链接，无可见的按钮容器。
• card 无可见的卡片组件；内容直接呈现在背景上。
• hero 全出血背景色，搭配大型 3D 等距插画和稀疏的排版。

09

文案语气与禁用清单

• 语气 极简、自信且专业。
• 标题风格 直接、简洁的客户名称。
• 按钮文案 低调的文字链接。

• 不要使用衬线字体 —— 截图显示的是严格的几何无衬线字体系统。
• 不要使用圆角 —— 截图显示的是锐利、0px border-radius 的元素。
• 不要使用复杂的阴影 —— 截图显示的是完全扁平化的表面呈现。
• 不要使用密集的文本块 —— 截图显示的是稀疏、大格式的排版。
• 不要使用高饱和度的界面颜色 —— 截图显示的是中性色板搭配孤立的色块。
• 不要使用装饰性边框 —— 截图显示的是仅有的最小化 1px 分割线。
• 避免: 过度的装饰
• 避免: 响亮的号召性用语
• 避免: 复杂的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko