01
设计气质 DNA
创意机构奢华巴黎极简主义磁性
如同磁场——结构分明、充满力量，令人深深吸引。
02
色彩
#1A5AFFAccent#222222Ink#343434Ink soft#ECECECBG#AAAAAAMutedrgba(229, 231, 235, 1)Line克制、高对比度的调色板，优先服务于粗体排版，并让鲜明图像作为主要点缀。
03
字体
- display
120px · 400 - h1
27px · 400 - body
16px · 400 - small
10px · 400
为大写的UI和元数据文本使用宽字间距 · 为超大展示字体保持紧凑的行高 · 导航和类别标签通常使用全大写
04
间距
4px8px16px24px32px48px64px96px采用标准4px网格，并为大规模布局提供充裕的垂直节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用 rgb(229, 231, 235) 的细薄、微妙边框来分隔内容区块。
无
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
极简、顶部厚重的布局，特征是超大字体常延伸至或接近屏幕边缘，搭配全宽电影感图像。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
页面元素使用平滑的透明度渐变与过渡 · 图像在滚动时使用微妙的缩放或显现效果
文本链接上的微妙透明度变化或光标位移。 · 通过透明度或微小位移提供即时视觉反馈。
08
组件
- button 极简的大写文本链接，通常辅以小型几何箭头。
- card 端到端的摄影卡片，下方配有简洁的文字覆盖。
- chip 不适用
- input 不适用
- hero 超大的排版宣言，紧随其后的是高冲击力的全宽视觉内容。
09
文案语气与禁用清单
- 语气 自信、精致且具有权威性。
- 标题风格 全大写、超粗体且延展，常使用单词来掌控注意力。
- 按钮文案 低调而优雅，使用带方向箭头的小号大写文本。
- 不要使用彩色渐变——截图显示的是 #ECECEC 这样的纯色平面背景
- 不要使用圆角——截图显示所有元素均为 0px 半径的尖锐边缘
- 不要使用投影——截图显示的是完全平面、无阴影的表面
- 不要使用混合大小写的标题——截图显示标题上激进地使用了大写 textTransform
- 不要为标题使用宽边距——截图显示超大展示字体延伸至屏幕边缘附近
- 不要使用鲜艳的UI按钮——截图显示的是极简的纯文本导航链接，配有微妙箭头
- 避免: 喧闹或混乱的配色方案
- 避免: 装饰性或过度华丽的排版
- 避免: 杂乱布局与过多的UI元素
- 避免: 非正式或随意的语言
10
包内真实截图
11
System Prompt
这是一个为 Magnetism 打造的高端创意机构作品集。设计以极端的排版对比为特征：巨大的几何无衬线标题（如'MAGNETISM'）主导视口，背景克制、中性（#ECECEC），文字为深色墨色（#222222）。布局简约而开阔，让大格式、电影感的摄影驱动视觉叙事。导航和元数据通过小号、宽字距、全大写的无衬线文本处理。交互平滑而低调，依赖 0.5s cubic-bezier 透明度渐变。关键禁忌：切勿使用圆角、投影或随意的小写标题。始终优先考虑开阔的留白和严格的对齐，以维持精致、高端的机构美学。