精選 · 開放 · 免費

Holographik

策略主導的設計工作室,打造品牌與視覺系統。

StudioBold TypographyExpressiveCleanPremium
Holographik 網站截圖
↓ 下載設計系統包 (7 MB)在 OpenDesign 中開啟

原站: https://www.holographik.co

📦 瀏覽包內檔案 →

01

設計氣質 DNA

策略主導視覺系統數位產品品牌設計

具有大膽、簡潔美學的高端設計工作室

02

色彩

#66CCFFAccent
#111111Ink
#F5F5F5BG
#FFFFFFBG soft
#999999Muted
rgba(17, 17, 17, 0.1)Line

高對比度,搭配乾淨、中性的背景。

03

字型

geometric-sans · grotesque-sans

主要顯示文字使用全大寫。 · 標題使用幾何無襯線體。 · 顯示文字與內文的尺寸對比要高。

04

間距

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

標準的4像素基準網格。

05

表面 (圓角 / 陰影 / 邊線)

sm · 0px
md · 0px
lg · 0px
pill · 160px

極少或無。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全出血首頁橫幅,底部對齊的超大排版。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

連結有細微的懸停過渡效果。 · 3D物件可能具有緩慢、循環的旋轉或漂移。

連結的色彩過渡。 · 最小化回饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個大膽、高端的設計工作室網站。其主要設計元素是超大、全大寫的幾何無襯線體排版(使用 Helvetica Neue),常與3D抽象物件互動。色彩極度克制,主要使用淺灰色(#F5F5F5)、黑色(#111111)與單一的淺藍色點綴(#66CCFF)。佈局乾淨且全出血。重要禁忌:不要使用小而膽怯的排版——首頁文字是超大的。不要使用雜亂的背景——保持乾淨明亮。不要使用多種顏色——堅持單色加單一點綴色的色盤。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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