精選 · 開放 · 免費
Yannickgregoire Nl
採用終端機美學與鍵盤驅動導覽的創意開發者粗野主義互動式作品集。
Developer ToolsExperimentalBold TypographyDeveloperMotion
01
設計氣質 DNA
粗野主義終端機互動式創意開發者實驗性
駭客終端機遇上時尚編輯
02
色彩
#00FFA8Accent
#000000Ink
#FFFFFFBG
rgba(0,0,0,1)Line
強烈高對比單色調，搭配單一霓虹綠色作為焦點色。
03
字型
monospace
- display
74px · 400 - heading
37px · 400 - body
24px · 400 - caption
14px · 400
所有文字嚴格使用大寫 · 主要字體為 LT Terminal Mono（等寬字體） · 不使用可變字重
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
嚴格網格對齊，搭配大量留白
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
互動元素與面板使用 1px 實心黑色邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
不對稱網格，搭配浮動終端機視窗與 ASCII 藝術區塊
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
鍵盤驅動的導覽搭配流暢捲動 · 終端機風格文字動畫 · 視窗滑動轉場
背景顏色反轉或強調色高亮 · 立即視覺回饋搭配終端機風格音效
08
組件
- button 等寬字體文字標籤，黑色背景，有時搭配綠色強調
- card 終端機風格浮動視窗，帶有嚴格邊框與 ASCII 藝術
- chip 小型標籤，使用等寬字體與實心黑色背景
- input 標準等寬字體文字欄位，帶底部邊框
- hero 大型 ASCII 藝術文字排版，搭配浮動終端機視窗
09
文案語氣與禁用清單
- 語氣 技術性、直接、略帶神祕感
- 標題風格 大型等寬字體大寫文字搭配 ASCII 藝術
- 按鈕文案 簡潔的指令式提示
- 不要使用襯線字體——截圖顯示嚴格的等寬字體排版
- 不要添加圓角——截圖顯示銳利的矩形元素
- 不要使用柔和陰影——截圖顯示帶有硬邊框的平面設計
- 不要使用口語化 UI 模式——截圖顯示終端機風格指令提示
- 不要添加裝飾性插圖——截圖僅顯示 ASCII 藝術
- 不要使用多種強調色——截圖僅顯示單一綠色強調色（#00FFA8）
- 避免: 口語化語言
- 避免: 裝飾性元素
- 避免: 柔和或圓潤的美學
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個採用終端機美學的創意開發者粗野主義作品集網站，使用 LT Terminal Mono 字體。主要顏色為 #FFFFFF 背景、#000000 文字和 #00FFA8 強調色。關鍵禁忌：不使用襯線字體、不使用圓角、不使用柔和陰影、不使用口語化 UI、不使用 ASCII 藝術以外的裝飾插圖。網站使用鍵盤驅動導覽與流暢轉場效果，創造互動式終端機體驗。
en · zh-CN · zh-TW · ja · ko