精选 · 开放 · 免费
Unknown Untitled
一个设计工作室的作品集,定义于极致克制、广阔负空间与超大单色字体。
StudioPortfolioMinimalPhotographicTypography
01
设计气质 DNA
精炼极简刻意全球社会
一个精心策划、宁静的画廊,让作品通过寂静与空间诉说自身。
02
色彩
#080807Ink
#F0EFEFBG
#F9F9F9BG soft
#343434Muted
rgba(8,8,7,1.0)Line
严格的非彩色调色板,依赖极端明度对比和广阔的负空间,营造冷静、精致的氛围。
03
字体
geometric-sans
- display
193px · 300 - body
47px · 300
所有文本元素保持超细字重(300),以维持轻盈、细腻的美感。 · 使用激进的负字距,赋予几何字母形态密集、连贯的块状外观。 · 行高保持极其紧凑,以匹配密集的字距并防止过度的垂直间距。 · 当 SCTO 不可用时,仅使用标准无衬线字体作为后备,避免使用衬线或装饰性字体。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
非对称且开阔,利用巨大的垂直内边距和外边距,强制形成缓慢、刻意的滚动节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
不可见。设计完全依赖字体、图像和负空间来定义结构,无需物理边界。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
严格极简、上重下轻的文档流。元素左对齐或居中,带有极端的垂直内边距,无可见网格线或结构性边框。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
快速微交互(200毫秒),用于标准的 hover 和点击状态变化。 · 较慢、更刻意的过渡(400-600毫秒),用于主要元素的透明度和色彩变化。 · 在所有动画属性上严格应用单一、一致的缓动曲线。
微妙的透明度变化和色彩过渡,保持界面整体的宁静感,不引入强烈的反馈。 · 标准指针光标,通过已建立的过渡时间提供即时、最小化的视觉反馈。
08
组件
- button 仅文本的极简链接,无背景,交互状态纯粹依赖字体和微妙的透明度过渡。
- card 不使用传统卡片。内容以独立的、全宽的文本块或边缘到边缘的摄影网格呈现。
- chip 不可见。设计避免所有辅助性 UI 元素,偏爱纯粹的编辑结构。
- input 提供的截图中不可见。
- hero 一个巨大、主导性的字体展示,采用超细字重,下方留有大量负空间。
09
文案语气与禁用清单
- 语气 知性、安静、刻意且富有概念性。
- 标题风格 极大、超细、字距极宽的几何无衬线字体,常为单行主导。
- 按钮文案 低调、含蓄的文本链接,融入整体字体层次结构而非突出显示。
- 不要使用粗体字重——截图显示仅使用超细(300)。
- 不要添加饱和的强调色——截图显示严格的单色调色板。
- 不要使用圆角元素——截图显示严格锐利、无圆角的几何形状。
- 不要在 UI 组件上使用投影或渐变——截图显示完全扁平的表面。
- 不要使用过多的垂直内边距——截图显示主要部分之间有巨大的空白。
- 不要依赖装饰性 UI 元素——截图显示完全剥离、基于字体的界面。
- 避免: 粗体字重
- 避免: 饱和或明亮的强调色
- 避免: 传统按钮形状
- 避免: 复杂或杂乱的布局
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
将其定位为一个极简主义设计工作室作品集,优先考虑安静的自信而非喧闹的呈现。视觉语言由严格的非彩色调色板定义:近黑色(#080807)用于墨色,温暖的灰白色(#F0EFEF)用于背景,偶尔使用深灰色(#343434)用于柔和文本。字体专为几何无衬线字体,以超细字重(300)渲染,并带有激进的负字距,形成密集、刻意的文本块。布局极度依赖巨大的负空间和单一、一致的 cubic-bezier 过渡来处理所有动画。关键的禁忌:绝不使用比300更粗的字重,绝不引入饱和的强调色,绝不添加阴影或圆角等装饰元素。系统必须保持极致的克制,纯粹依赖字体、摄影和空间进行沟通。
en · zh-CN · zh-TW · ja · ko