精选 · 开放 · 免费

SSENSE

一个将编辑叙事与冷峻、以字体排印驱动的极简美学相融合的高端时尚电商平台。

01

设计气质 DNA

一本也售卖服装的高级时尚杂志，其中摄影驱动叙事，字体排印则作为安静的支撑结构。

02

色彩

严格单色系调色板，运用不同深浅的黑色和灰色，以保持一种干净、如画廊般聚焦于摄影的视觉体验。

03

字体

transitional-serif

• display66px · 400
• heading20px · 400
• body15px · 400
• caption11px · 400

用于导航和功能链接的几何无衬线字体，大写并增加字间距。 · 所有编辑标题和正文均使用 JHA Times Now（过渡衬线字体）。 · 大型展示文字保持极紧凑的行高。 · 展示标题和标题排版使用微妙的负字间距。

04

间距

内容块周围环绕着充裕的内边距，以维持一种宽敞、可呼吸的编辑感，常使用 80px 的垂直边距。

05

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

微妙的 1px 水平线条，用于分隔版块并界定文章卡片边界。

06

布局

不对称编辑网格，以大型主视觉图像开始，随后是结合宽幅图像、堆叠文本块和水平列表的混合布局。

07

动效与交互

交互元素上的平滑悬停过渡 · 图像悬停时的微妙缩放或平移 · 无缝的页面过渡

文字链接的微妙下划线出现或颜色反转 · 立即导航，无重动画

08

组件

• button 基于文字的链接，常为功能导航的大写无衬线字体，依靠悬停状态而非填充背景。
• card 无边框的摄影卡片，字体位于下方；或采用顶部或底部带 1px 边框的分割式卡片。
• chip 无
• input 不可见
• hero 全宽摄影布局，以巨大、定制且字间距紧凑的排版为锚点。

09

文案语气与禁用清单

• 语气 客观、冷静、且带有编辑距离感。
• 标题风格 全大写、紧凑字间距、无衬线或强有力的过渡衬线字体以增强冲击力。
• 按钮文案 克制的大写文字链接，配合充裕间距。

• 不要使用投影——网站依靠平面图像和微妙边框来营造纵深感。
• 不要引入亮色强调色——网站严格执行黑、白、灰的单色系调色板。
• 不要使用重度圆角——网站在所有布局元素和图像上保持尖锐的方形边缘。
• 不要使用过于粗重或加粗的字体——网站使用纤细的字重（100-400）以营造精致的美感。
• 不要让界面显得杂乱——网站使用大量的白色空间来打造一种高端、画廊般的体验。
• 不要使用装饰性或俏皮的图标——界面完全依赖干净的字体排印和高质量摄影。
• 避免: 过于热情的营销语言
• 避免: 明亮、高饱和度的颜色
• 避免: 圆角 UI 元素或柔和阴影

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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