精选 · 开放 · 免费

Artworld Agency

一个以排版为核心、高对比度的创意机构作品集。

01

设计气质 DNA

一个以古典排版优雅呈现的创意人才精选画廊。

02

色彩

严格的高对比度单色方案，以突出创意作品与排版层次。

03

字体

didone-serif · humanist-sans

• display75px · 300
• h175px · 300
• body16px · 300
• caption12px · 300

大型展示文本和艺术家姓名使用 'Cardinal Fruit'（Didone 衬线体）。 · 正文和较小的 UI 元素使用 'Graphik'（人文无衬线体），字重为 300。 · 所有排版严格保持单一字重（300），以形成统一、精致的美学风格。

04

间距

在排版区块之间采用宽裕、无结构的留白，让文本得以呼吸。

05

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

无；通过间距和排版实现视觉分隔。

06

布局

简洁的单列排版流，底部锚定一个巨大的标志。

07

动效与交互

元素随滚动出现时的微妙淡入过渡。 · 悬停状态的平滑颜色过渡。

文字颜色从黑色过渡到白色，通常是在深色背景叠加层上进行。 · cursor: pointer 指示可点击链接。

08

组件

• button 简单的文本链接，使用 cursor: pointer，依赖悬停颜色过渡。
• card 无可见卡片；内容以扁平的排版列表呈现。
• chip 无可见元素。
• input 无可见元素。
• hero 一个巨大的全宽排版展示区域，锚定在视口底部。

09

文案语气与禁用清单

• 语气 精致、权威且内敛自信。
• 标题风格 大型、古典的衬线排版，引人注目。
• 按钮文案 极简的文本链接，与排版无缝融合。

• 不要使用亮色强调色——截图显示的是严格的黑白单色方案
• 不要使用粗重的字体——截图显示所有文本均为浅字重（300）
• 不要在元素上使用 border-radius——截图显示的是纯粹的矩形、直角布局
• 不要使用复杂的卡片布局——截图显示的是扁平的、姓名排版列表
• 不要添加装饰性阴影——截图显示零高度或投影
• 不要混合多种字体族——截图仅依赖衬线/无衬线字体的搭配
• 避免: 杂乱的布局
• 避免: 冲突的色彩
• 避免: 花哨的 UI 元素

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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