精选 · 开放 · 免费
Basement Studio
一个创作酷炫作品的数字工作室与品牌设计机构。
agencydevcreative
01
设计气质 DNA
数字工作室品牌设计创意机构实验性
如同一个沉浸式的暗色数字工坊或展厅，展示高端创意作品。
02
色彩
#ffffffInk
#e6e6e6Ink soft
#000000BG
#1a1a1aBG soft
#2e2e2eBG quiet
#c4c4c4Muted
rgba(230, 230, 230, 0.3)Line
高对比度单色体系，以深黑与亮白为主，仅通过项目图像进行色彩点缀。
03
字体
geometric-sans · monospace
- display
76px · 600 - h1
38px · 600 - body
16px · 400 - caption
13px · 600
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
基于网格的布局，采用充足的内边距与栏间距，通常为16px或24px。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用rgba(230, 230, 230, 0.3)的1px宽度细微水平分隔线。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉图片后接基于网格的项目展示区，配有大型标题与描述文字。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
颜色与背景色变化的平滑过渡。 · 交互元素的基于transform的动画。
指针变为pointer或alias；伴随细腻的颜色或背景过渡。 · 即时反馈，通常通过链接导航实现。
08
组件
- button 文本型导航链接，采用粗体字重，无可见背景或边框。
- card 项目条目包含大型图像与描述性文本，以细线分隔。
- chip 未观察到相关组件。
- input 未观察到相关组件。
- hero 沉浸式全宽图片或视频背景，叠加文字及“滚动探索”提示。
09
文案语气与禁用清单
- 语气 自信、大胆且略带不羁。
- 标题风格 大型、字距紧凑的几何无衬线字体，具有高对比度。
- 按钮文案 直接且以行动为导向，通常使用小写字母或匹配品牌语调。
- 勿使用衬线字体——截图显示所有文本均采用几何无衬线字体。
- 勿为按钮添加背景色——截图显示仅为文本导航链接。
- 勿使用厚重投影——截图显示为完全扁平的表面。
- 勿为卡片或容器使用圆角——截图显示为利落的直角边缘。
- 勿使用多种强调色——截图显示为严格的单色系，色彩仅由项目图像提供。
- 勿用边框使布局杂乱——截图显示为极简的水平分隔线。
- 避免: 正式的企业化语言
- 避免: 杂乱的界面
- 避免: 低对比度文本
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Basement Studio是一家专注于数字体验与品牌设计的高端创意机构。设计DNA以深黑(#000000)背景与纯白(#ffffff)墨色为核心，构建出鲜明的高对比度画布。字体采用几何无衬线（Geist）与等宽字体（Geist Mono）类别。布局宽敞且基于网格，优先呈现粗体标题与沉浸式项目图像。关键禁忌：绝不为按钮添加背景色，绝不为容器使用圆角，绝不向核心界面引入多种强调色。
en · zh-CN · zh-TW · ja · ko