01
设计气质 DNA
极简编辑精准数字电商
一个干净、受瑞士启发的设计工作室作品集,强烈强调排版与留白。
02
色彩
#111111Ink#333333Ink soft#FFFFFFBG#F5F5F5BG soft#EFEFEFBG quiet#888888Mutedrgba(0,0,0,0.12)Line高对比度的单色调色板,使用微妙的灰色建立层次,避免鲜艳色彩以维持高端的编辑感。
03
字体
- display
56px · 700 - h1
24px · 400 - body
16px · 400 - small
14px · 400
所有主要标题使用过渡衬线体,以传达优雅与编辑权威。 · 正文文本保持充裕的行高,以增强可读性。 · 除主要展示标题外,避免使用粗体字重,以保持设计的轻盈感。
04
间距
4px8px16px24px32px48px64px96px采用充裕的留白来分隔区块并强调内容层次,遵循清晰的垂直节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
纤细、微妙的边框使用得非常克制,主要用于分隔线与表单元素。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
布局依赖于严格的网格,搭配大幅、高质量的图像与干净的排版区块。
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
页面切换与模态叠加层使用淡入效果。
交互文本链接采用微妙的透明度变化或下划线动画。 · 通过微妙的状态变化提供即时反馈。
08
组件
- button 极简的文本按钮,带有微妙的下划线或边框,避免使用纯色填充。
- card 图像为主、文本覆盖最少的卡片,以网格或瀑布流布局呈现。
- chip 未突出使用。
- input 干净、极简的输入框,带有微妙的边框和清晰的标签。
- hero 大型、编辑风格的首屏区域,由排版与高冲击力图像主导。
09
文案语气与禁用清单
- 语气 专业、精致且自信。
- 标题风格 主要标题使用粗体、全大写或强有力的衬线排版。
- 按钮文案 低调的文本链接或极简按钮,避免使用强烈的行动号召。
- 不要使用鲜艳或霓虹色的强调色——截图显示的是严格的黑白灰色调。
- 不要在卡片上使用浓重的投影——截图显示的是在留白背景下的平面图像。
- 不要为主要操作使用圆角的药丸状按钮——截图显示的是基于文本或带有微妙下划线的链接。
- 不要用密集的文本块使布局显得杂乱——截图显示的是充裕的留白与清晰的分隔。
- 不要使用俏皮或手写字体——截图显示的是结构化的、传统的衬线排版。
- 不要使用复杂的渐变背景——截图显示的是实色、干净的色块。
- 避免: 鲜艳或霓虹色
- 避免: 俏皮的动画
- 避免: 杂乱的布局
11
System Prompt
Thisispam 是一个精致的、编辑风格的代理商作品集网站。其设计基因的特点是高对比度的单色调色板(#FFFFFF 背景,#111111 墨色)以及仅使用过渡衬线体排版来传达优雅与权威。布局优先考虑充裕的留白、严格的网格对齐以及大幅、高质量的图像。关键禁忌包括:避免使用鲜艳或霓虹色的强调色,因为设计严格遵循黑白二色;避免在卡片上使用浓重的投影,卡片是平面且以图像为中心的;以及避免杂乱的布局,因为网站依赖于清晰的分隔与节奏。整体感觉是精准、复杂的克制,适合展示创意与电商作品。