Extract Studio

高端艺术画廊目录与顶级设计工作室作品集的结合。

一个高对比度、克制的色调，依赖纯黑与白色，并通过温暖的米白和深棕色点缀加以柔化。

transitional-serif · humanist-sans

• display96px · 900
• heading64px · 400
• subheading18px · 500
• body18px · 400

为首要标志使用巨大、高字重的无衬线字体。 · 搭配优雅、高对比度的衬线字体用于项目标题。 · 小号副标题使用宽字间距。

采用充足的垂直间距和较大的上边距，以营造通透、画廊式的呈现效果。

极少或无，依靠留白和排版进行分隔。

多层构图，顶部是干净的白色区域，深棕色背景框架内是中央的米色项目卡片。

微妙的基于滚动的显现 · 导航链接上优雅的hover状态

基于文本的导航链接上的微妙透明度变化或颜色偏移。 · 直接的页面过渡或平滑滚动。

• button 极简的基于文本的导航链接，带有细微边框，可能出现在浮动的胶囊形容器中。
• card 一个大型米白色矩形画布，包含居中排版和一个重叠、不对称的图片构图。
• hero 一个占据视口的巨大排版声明，随后是次要的项目预览。

• 语气 自信、艺术且高度精致。
• 标题风格 简短、富有感染力的陈述，搭配巨大、优雅的排版。
• 按钮文案 内敛而直接，使用极简的文本链接。

• 不要使用鲜艳、饱和的颜色——截图显示的是严格的黑、白和温暖米白色调。
• 不要使用圆润、俏皮的形状——布局依赖严格的矩形形式和锐利角度。
• 不要用多个UI组件使界面杂乱——设计优先考虑留白和巨大排版。
• 不要使用随意、友好的字体——展示字体是巨大的高字重无衬线字体，正文是精致的衬线字体。
• 不要将所有内容刚性地居中对齐——项目卡片使用了居中文本与不对称、重叠图片放置的混合方式。
• 不要依赖厚重的投影或3D效果——设计使用扁平层和微妙的背景颜色变化来营造深度。
• 避免: 杂乱
• 避免: 鲜艳色彩
• 避免: 装饰性元素
• 避免: 通用的企业行话
• 避免: 密集的文本块