精選 · 開放 · 免費
Holographik
策略主導的設計工作室,打造品牌與視覺系統。
StudioBold TypographyExpressiveCleanPremium
01
設計氣質 DNA
策略主導視覺系統數位產品品牌設計
具有大膽、簡潔美學的高端設計工作室
02
色彩
#66CCFFAccent
#111111Ink
#F5F5F5BG
#FFFFFFBG soft
#999999Muted
rgba(17, 17, 17, 0.1)Line
高對比度,搭配乾淨、中性的背景。
03
字型
geometric-sans · grotesque-sans
- display
120px · 700 - body
16px · 400
主要顯示文字使用全大寫。 · 標題使用幾何無襯線體。 · 顯示文字與內文的尺寸對比要高。
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
組件
- button 極簡,可能為藥丸狀且高對比。
- card 無可見元素。
- chip 無可見元素。
- input 無可見元素。
- hero 全視窗,包含一個3D抽象物件與覆蓋其上的超大文字。
09
文案語氣與禁用清單
- 語氣 自信、專業且大膽。
- 標題風格 全大寫、超大尺寸,並與3D影像整合。
- 按鈕文案 極簡,可能是簡單的連結或藥丸狀按鈕。
- 不要使用小而膽怯的排版——截圖顯示的是超大、粗體的顯示文字。
- 不要使用雜亂或深色的背景——截圖顯示的是乾淨的淺灰色背景。
- 不要使用多種顏色——截圖顯示的是非常有限的色盤:黑、白、淺灰,以及單一的淺藍色點綴。
- 不要在主要元素上使用圓角——截圖顯示僅有銳利邊緣或藥丸形狀。
- 不要使用複雜的導覽選單——截圖顯示右上角僅有兩個文字連結。
- 不要使用細微、低對比的排版——截圖顯示的是高對比的黑色文字於淺灰色背景上。
- 避免: 陳腔濫調的企業術語
- 避免: 過於複雜的導覽
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個大膽、高端的設計工作室網站。其主要設計元素是超大、全大寫的幾何無襯線體排版(使用 Helvetica Neue),常與3D抽象物件互動。色彩極度克制,主要使用淺灰色(#F5F5F5)、黑色(#111111)與單一的淺藍色點綴(#66CCFF)。佈局乾淨且全出血。重要禁忌:不要使用小而膽怯的排版——首頁文字是超大的。不要使用雜亂的背景——保持乾淨明亮。不要使用多種顏色——堅持單色加單一點綴色的色盤。
en · zh-CN · zh-TW · ja · ko