精选 · 开放 · 免费
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