精選 · 開放 · 免費
Danilorodrigues
專注於設計系統與品牌識別的視覺設計師之大膽、富有表現力的作品集。
PortfolioBold TypographyExpressiveStudioClean
01
設計氣質 DNA
作品集設計系統品牌識別大膽富有表現力
現代設計師的展廊
02
色彩
#2255FFAccent
#EAEAEAInk
#878787Ink soft
#000000BG
#252525BG soft
rgba(0,0,0,1)Line
深色底色搭配高對比度、鮮明的強調色。
03
字型
neue-haas-grotesk
- display
90px · 400 - body
18px · 400 - caption
13px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的留白，聚焦於大型視覺元素。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
實線邊框，常用作鮮明的圖形元素。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
類似瀑布流的大型項目卡片格線。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
平滑捲動 · 簡約的透明度過渡
懸停時細微的透明度變化。 · 標準點擊行為。
08
組件
- button 簡約的文字連結，無可見按鈕。
- card 大型項目卡片，通常包含混合媒體與鮮明色彩。
- hero 純黑背景上的醒目標題。
09
文案語氣與禁用清單
- 語氣 專業且自信。
- 標題風格 直接的第一人稱專業能力陳述。
- 按鈕文案 簡約的方向性指示。
- 不要使用裝飾性字體 — 截圖顯示的是簡潔的 grotesque 無襯線字體。
- 不要使用柔和或粉彩色調 — 截圖顯示的是高對比度黑色背景搭配鮮明強調色。
- 不要使用小而擁擠的字體排印 — 截圖顯示的是大而醒目的標題與充裕的間距。
- 不要使用複雜、厚重的陰影 — 截圖顯示的是平面化、圖形化的風格。
- 不要使用淺色背景作為主介面 — 截圖顯示的是以深色為主的主題。
- 不要使用小型、雜亂的介面元素 — 截圖顯示的是聚焦於大型、視覺化的項目展示。
- 避免: 俏皮的語言
- 避免: 過度裝飾的字體
- 避免: 雜亂的介面
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為資深視覺設計師打造的、大膽且富有表現力的作品集網站。採用深色主題（純黑 #000000 背景）搭配高對比度白色（#EAEAEA）文字。鮮明的藍色（#2255FF）作為主要強調色，並在項目展示中搭配霓虹綠、洋紅色等其他高彩度顏色。字體使用簡潔中性的 grotesque 無襯線字體（Neue Haas Grotesk），尺寸較大。版面配置採用大型項目卡片的格線。關鍵禁忌：不要使用裝飾性字體、不要使用淺色背景、不要使用柔和色彩。
en · zh-CN · zh-TW · ja · ko