精選 · 開放 · 免費

Moving Brands

形塑企業形象與體驗的國際創意公司。

brandstudio
Moving Brands 網站截圖
↓ 下載設計系統包 (1 MB)在 OpenDesign 中開啟

原站: https://www.movingbrands.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

創意機構品牌塑造國際化設計

午夜時分的設計工作室,點綴著醒目的霓虹光點。

02

色彩

#BFFE00Accent
#FFFFFFInk
#D0D0D0Ink soft
#000000BG
#212121BG soft
#B5B6B8Muted
rgba(181, 182, 184, 1.0)Line

以高對比單色調為基底,關鍵操作僅使用單一強烈的霓虹黃綠色點綴。

03

字型

humanist-sans

標題與內文應採用相同的人文無襯線字體家族,確保視覺連貫與現代感。 · 在深色背景上保持充裕行高以提升可讀性。 · 僅在互動標籤與次強調處適度使用字重 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

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

此為高端創意機構網站。定位前瞻且國際化,基於極簡高對比畫布打造。主色調為深黑 (#000000) 背景、純白 (#FFFFFF) 與淺灰 (#D0D0D0) 文字,搭配單一強烈霓虹黃綠色 (#BFFE00) 作為主要行動按鈕點綴。字體採用簡潔的人文無襯線類別,涵蓋標題與內文以確保一致性。關鍵禁忌:絕不使用襯線字體、絕不使用多種亮色點綴、絕不過度堆疊多餘介面元素或邊框。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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