精選 · 開放 · 免費
Moving Brands
形塑企業形象與體驗的國際創意公司。
brandstudio
01
設計氣質 DNA
創意機構品牌塑造國際化設計
午夜時分的設計工作室,點綴著醒目的霓虹光點。
02
色彩
#BFFE00Accent
#FFFFFFInk
#D0D0D0Ink soft
#000000BG
#212121BG soft
#B5B6B8Muted
rgba(181, 182, 184, 1.0)Line
以高對比單色調為基底,關鍵操作僅使用單一強烈的霓虹黃綠色點綴。
03
字型
humanist-sans
- display
56px · 400 - display-md
32px · 400 - body-lg
23px · 400 - body
19px · 400 - body-sm
15px · 400 - label
15px · 500
標題與內文應採用相同的人文無襯線字體家族,確保視覺連貫與現代感。 · 在深色背景上保持充裕行高以提升可讀性。 · 僅在互動標籤與次強調處適度使用字重 500。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬鬆的垂直節奏強化深色畫布的遼闊高級感。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 10px
pill · 999px
極簡或隱形;主要依靠間距與色彩對比進行視覺區隔。
0px 32px 68px rgba(0, 0, 0, 0.3)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
主視覺採寬鬆單欄置中,服務區塊則擴展為多欄網格。
07
動效與互動
250msmicro
750mssmall
750msmedium
cubic-bezier(0, 0.25, 0.53, 1.01)easing
流暢的頁面轉場與背景位置位移。 · 內容區塊的細膩淡入效果。
平順的背景色或色彩過渡效果。 · 即時視覺回饋,搭配輕微縮放或色彩變化。
08
組件
- button 高對比實色區塊,霓虹背景搭配深色文字;方角或微圓角。
- card 通常無邊框,依靠充裕間距與字體層級在深色表面上呈現。
- hero 大型置中排版,搭配清晰精煉的價值主張與方向性指引。
09
文案語氣與禁用清單
- 語氣 自信、前瞻、專業。
- 標題風格 直接、具行動力、開闊。
- 按鈕文案 簡潔、清晰、高度醒目。
- 勿使用襯線字體——畫面全程使用簡潔的人文無襯線字體。
- 勿使用多種亮色點綴——畫面僅採用單一主導的霓虹黃綠色。
- 勿使用淺色或白色背景——畫面以深黑背景作為主要畫布。
- 勿過度堆疊介面元素——畫面保留充裕留白與極簡元件。
- 勿使用低對比的柔和文字色彩——畫面維持純白與淺灰的高對比。
- 勿使用複雜交疊的裝飾元素——畫面呈現高度克制、以文字為主的設計。
- 避免: 雜亂的介面
- 避免: 柔和或粉蠟筆色系
- 避免: 襯線字體
- 避免: 過度複雜的網格系統
- 避免: 多餘的邊框或陰影
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此為高端創意機構網站。定位前瞻且國際化,基於極簡高對比畫布打造。主色調為深黑 (#000000) 背景、純白 (#FFFFFF) 與淺灰 (#D0D0D0) 文字,搭配單一強烈霓虹黃綠色 (#BFFE00) 作為主要行動按鈕點綴。字體採用簡潔的人文無襯線類別,涵蓋標題與內文以確保一致性。關鍵禁忌:絕不使用襯線字體、絕不使用多種亮色點綴、絕不過度堆疊多餘介面元素或邊框。
en · zh-CN · zh-TW · ja · ko