精选 · 开放 · 免费

Magnetism Fr

一家总部位于巴黎的奢华创意机构，融合战略、艺术指导与制作。

AgencyPremiumTypographyCleanEditorial
Magnetism Fr 网站截图
↓ 下载设计系统包 (49 MB)在 OpenDesign 中打开

原站: https://www.magnetism.fr/en

📦 浏览包内文件 →

01

设计气质 DNA

创意机构奢华巴黎极简主义磁性

如同磁场——结构分明、充满力量，令人深深吸引。

02

色彩

#1A5AFFAccent
#222222Ink
#343434Ink soft
#ECECECBG
#AAAAAAMuted
rgba(229, 231, 235, 1)Line

克制、高对比度的调色板，优先服务于粗体排版，并让鲜明图像作为主要点缀。

03

字体

geometric-sans · grotesque-sans

为大写的UI和元数据文本使用宽字间距 · 为超大展示字体保持紧凑的行高 · 导航和类别标签通常使用全大写

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

采用标准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

组件

09

文案语气与禁用清单

10

包内真实截图

Magnetism Fr — 桌面首屏（hero）
桌面首屏（hero）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Magnetism Fr — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个为 Magnetism 打造的高端创意机构作品集。设计以极端的排版对比为特征：巨大的几何无衬线标题（如'MAGNETISM'）主导视口，背景克制、中性（#ECECEC），文字为深色墨色（#222222）。布局简约而开阔，让大格式、电影感的摄影驱动视觉叙事。导航和元数据通过小号、宽字距、全大写的无衬线文本处理。交互平滑而低调，依赖 0.5s cubic-bezier 透明度渐变。关键禁忌：切勿使用圆角、投影或随意的小写标题。始终优先考虑开阔的留白和严格的对齐，以维持精致、高端的机构美学。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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