精選 · 開放 · 免費
Your Majesty
融合大膽襯線排版與沉浸式3D及攝影媒體的奢華創意工作室網站。
agencycreative
01
設計氣質 DNA
奢華高端創意工作室以人為本
高端時尚社論與數位展廊的結合。
02
色彩
#000000Ink
#FFFFFFBG
#D8D8D8Muted
rgba(0,0,0,0.1)Line
以高對比單色調為基礎，讓3D模型與攝影媒體作為主要色彩強調。
03
字型
transitional-serif · humanist-sans · monospaced
- display
70px · 300 - display-lg
30px · 400 - body
16px · 400 - caption
13px · 400
標題採用高對比過渡襯線體，行距緊湊。 · 介面標籤與標籤使用等寬字體，全大寫並加寬字距。 · 內文採用簡潔無襯線體以提升可讀性。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的留白，強調展廊般的版面設計。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 5px
lg · 12px
pill · 9999px
1px solid rgba(0,0,0,0.1)
0px 2px 6px rgba(0,0,0,0.1)
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
非對稱瀑布流格狀版面，以重疊的3D與攝影卡片覆蓋於寬闊的排版基底之上。
07
動效與互動
150msmicro
250mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
媒體元素的淡入轉場效果 · 互動時流暢的色彩與濾鏡變化
互動元素上細微的色彩變化或濾鏡調整。 · 按鈕與連結的即時視覺反饋。
08
組件
- button 深色膠囊型按鈕，搭配等寬字體大寫文字。
- card 帶有圓角的大型垂直卡片，內含標籤與豐富媒體。
- chip 深色背景配白色等寬字體的圓角小標籤。
- input 簡約輸入框，可能採用底邊框或淺色背景。
- hero 分割式版面，左側為大型襯線文字，右側為動態媒體格狀區。
09
文案語氣與禁用清單
- 語氣 權威、精緻且具前瞻性。
- 標題風格 以大型襯線字體呈現大膽且具感染力的宣言。
- 按鈕文案 直接且大寫，常使用等寬字體。
- 勿使用俏皮或圓潤的無襯線字體——截圖顯示標題採用優雅的過渡襯線體。
- 勿使用繁複多彩的背景——截圖顯示乾淨純白的基底畫布。
- 勿將所有內容置中對齊——截圖顯示強烈的左對齊排版層次。
- 勿使用標準矩形卡片——截圖顯示略帶圓角（5px）且重疊的元素。
- 勿使用小而密的文字作為介面標籤——截圖顯示等寬字體大寫標籤並加寬字距。
- 勿引入明亮飽和的強調色——截圖依賴3D渲染與攝影內容提供色彩。
- 避免: 休閒隨意的語言
- 避免: 雜亂的版面配置
- 避免: 鮮豔的霓虹色彩
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為「Your Majesty」設計的頂級創意工作室網站。採用高對比單色調配色（#FFFFFF背景、#000000墨色），作為豐富媒體的中性舞台。排版以大型優雅的過渡襯線標題、簡潔的人文主義無襯線內文，以及加寬字距的等寬字體介面標籤為特色。版面採用非對稱瀑布流格狀設計，搭配大型略帶圓角的卡片。勿使用俏皮字體或休閒語言；保持權威精緻的語調。避免明亮的強調色，改由3D模型與攝影內容提供視覺趣味。確保寬裕留白與左對齊文字區塊，以維持社論風格。
en · zh-CN · zh-TW · ja · ko