精選 · 開放 · 免費

Aristide Benoist

一個以動態為核心的暗色系開發者作品集,具備極致字體比例與攝影網格佈局。

portfoliowebgl
Aristide Benoist 網站截圖
↓ 下載設計系統包 (2 MB)在 OpenDesign 中開啟

原站: https://aristidebenoist.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

獨立開發者動態互動作品集

宛如黑暗展廳中的電影膠卷,展示視覺工藝。

02

色彩

#bacbc2Ink
#1e1e1eBG
#1a1a1aBG soft
#000000BG quiet
#cc9933Muted
rgba(186, 196, 184, 0.2)Line

採用深邃單色暗色模式,以淺鼠尾草色墨水為主,偶爾點綴金色強調色。

03

字型

slab-serif · grotesque-sans · monospaced

04

間距

4px
8px
12px
16px
20px
24px
30px
48px
64px
96px

遵循 4px 遞增的清晰節奏,導覽與聯繫區域採用寬裕的內距。

05

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

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

整體採用硬邊框線與直角設計,「關於」連結具明顯的 1px 底部邊框。

06

版面

1440container
12columns
24pxgutter
768 / 1024breakpoints

全螢幕深色畫布,中央配置水平滾動的垂直圖片輪播,並固定導覽元素。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

互動元素上的流暢顏色與背景過渡效果

細微的顏色變化,搭配 0.5s cubic-bezier 過渡動畫。 · 立即導覽,無可見的點擊狀態。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

This is a dark, motion-focused developer portfolio for Aristide Benoist. The design DNA is built on a deep monochromatic dark background (#1e1e1e) with light sage ink (#bacbc2) and occasional golden accents (#cc9933). It features extreme typographic scale using a slab-serif for display and a grotesque-sans for body text, with tight negative tracking on massive headlines. The layout is minimalist and cinematic, often centering a horizontal carousel of vertical black-and-white photographs. Critical design constraints: avoid any use of rounded corners, do not add decorative drop shadows or complex patterns, and never use more than two primary ink colors. Transitions should be smooth, using a 0.5s cubic-bezier timing function.

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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