精選 · 開放 · 免費

Danielsun

一個具表現力的設計作品集，採用大膽、超大號的字體與鮮豔的黃色漸層。

PortfolioBold TypographyExpressiveStudioWeb3
Danielsun 網站截圖
↓ 下載設計系統包 (24 MB)在 OpenDesign 中開啟

原站: https://danielsun.space

📦 瀏覽包內檔案 →

01

設計氣質 DNA

大膽具表現力有親和力現代高對比

一個大膽、高對比的個人作品集，運用超大字體與鮮豔的黃色漸層，營造出強烈、充滿活力的氛圍。

02

色彩

#000000Ink
#808080Ink soft
#FFFFFFBG
#F5F5F5BG soft
#A6A6A6Muted
rgba(0,0,0,0.12)Line

高對比色調，以純黑與純白為主，並穿插鮮豔的黃色漸層。

03

字型

grotesque-sans · humanist-sans

大型展示文字使用極粗（900）字重。 · 大型展示字體套用緊湊的字距（負值）。 · 全大寫保留給超大展示文字使用。

04

間距

4px
8px
10px
16px
20px
24px
32px
40px
64px
96px

以 4px 網格為基礎，區塊間使用寬裕的內距（32px、40px）。

05

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

sm · 14px
md · 24px
lg · 80px
pill · 999px

無可見邊框

0px 19px 8px 0px rgba(0, 0, 0, 0.3) · 0px 64px 128px 0px rgba(0, 0, 0, 0.25) · inset 0px 6px 6px 0px rgb(184, 184, 184)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全寬區塊，搭配置中的字體排版與寬裕的垂直間距。

07

動效與互動

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

所有互動元素皆套用平滑過渡效果（共 592 個元素皆具備 transition 屬性）。

互動元素有細微的亮度或縮放變化。 · 即時的視覺回饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Danielsun — 桌面首屏（hero）
桌面首屏（hero）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Danielsun — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個大膽、具表現力的設計作品集，針對 SaaS 與 Web3 設計合作夥伴。其設計 DNA 特點在於使用 groteske-sans 字族中超大、極粗（字重 900）的字體，並搭配純黑（#000000）與純白（#FFFFFF）的強烈高對比色調，穿插鮮豔的黃色漸層。佈局寬敞，擁有寬裕的內距與置中的區塊。關鍵禁忌：切勿使用小巧或輕量的字體；切勿使用低飽和度、企業感的色調；切勿為客戶作品使用平面、2D 圖示——務必使用光澤、3D 風格的元素。避免剛性、正式的佈局，應採用具表現力、全寬的區塊搭配超大文字。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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