精選 · 開放 · 免費
Magnetism Fr
一家位於巴黎的奢華創意設計公司,結合策略、藝術指導與製作。
AgencyPremiumTypographyCleanEditorial
01
設計氣質 DNA
創意設計公司奢華巴黎極簡主義磁性
磁場——結構化、強大且吸引你。
02
色彩
#1A5AFFAccent
#222222Ink
#343434Ink soft
#ECECECBG
#AAAAAAMuted
rgba(229, 231, 235, 1)Line
克制、高對比的調色盤,優先考慮大膽字體,並讓鮮明影像作為主要強調色。
03
字型
geometric-sans · grotesque-sans
- display
120px · 400 - h1
27px · 400 - body
16px · 400 - small
10px · 400
大寫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
組件
- button 極簡的大寫文字連結,常伴隨小型幾何箭頭。
- card 邊對邊的攝影卡片,下方帶有簡單的文字覆蓋。
- chip 不適用
- input 不適用
- hero 巨大的字體宣言後,立即接續高衝擊力的全寬視覺效果。
09
文案語氣與禁用清單
- 語氣 自信、精緻且具權威性。
- 標題風格 全大寫、超粗體且擴展,常使用單詞來吸引注意力。
- 按鈕文案 低調優雅,使用小型大寫文字與方向箭頭。
- 不要使用彩色漸層——截圖顯示如 #ECECEC 的純色扁平背景
- 不要使用圓角——截圖顯示所有元素皆為銳利的 0px 圓角邊緣
- 不要使用陰影——截圖顯示完全扁平、無陰影的表面
- 不要使用混合大小寫的標題——截圖顯示在標題上激進使用大寫的 textTransform
- 不要為標題使用寬邊距——截圖顯示巨大的展示字體延伸至接近螢幕邊緣
- 不要使用鮮豔的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 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個名為 Magnetism 的高端創意設計公司作品集。設計以極端的字體對比為定義:巨大的幾何無襯線字體標題(如「MAGNETISM」)主導視窗,背景是克制的中性色(#ECECEC)與深色墨水文字(#222222)。佈局極簡且寬敞,讓大尺寸、電影感的攝影驅動視覺敘事。導航與元數據透過小型、寬字距、全大寫的 grotesque-sans 字體處理。互動平滑而低調,依賴 0.5s cubic-bezier 透明度淡入淡出。關鍵禁忌:切勿使用圓角、陰影或隨意的小寫標題。始終優先使用擴展的留白與嚴格的對齊,以維持精緻、奢華的設計公司美學。
en · zh-CN · zh-TW · ja · ko