01
设计气质 DNA
极简机构直接自信趣味
一个重视清晰度与直接性,而非企业术语的现代设计工作室。
02
色彩
#000000Ink#f5f5f5BG#888888Mutedrgba(0, 0, 0, 0.1)Line高对比度单色,搭配一个鲜艳的重点色区域。
03
字体
- display
72px · 700 - body
16px · 400
标题使用紧凑字距和粗体字重。 · 正文清晰易读。 · 花体“&”符号被用作趣味图形元素。
04
间距
4px8px16px24px32px48px64px96px元素周围留有充足空白,营造出平静、通透的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 999px
lg · 12px
pill · 999px
导航按钮使用纤细、微妙的边框。
0 0 40px rgba(255, 100, 100, 0.2), 0 0 40px rgba(100, 100, 255, 0.2)
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
全视口英雄区,包含一个巨大的标题和一个浮动的行动号召按钮。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
导航元素上的微妙 hover 过渡。
按钮和链接显示微妙的状态变化,可能是颜色或不透明度。 · 可点击元素上的标准指针交互。
08
组件
- button 药丸形按钮,带纤细边框和简洁的无衬线字体。
- card 无卡片。
- chip 无标签。
- input 无输入框。
- hero 全屏区域,主体是一个巨大、粗体的标题和一个小型趣味角色插图。
09
文案语气与禁用清单
- 语气 直接、自信,略带趣味。
- 标题风格 简短、陈述性的语句,挑战预期。
- 按钮文案 以行动为导向,具有邀请感。
- 不要使用装饰性衬线字体——截图显示的是简洁的几何无衬线字体。
- 不要用多栏或侧边栏使布局拥挤——截图显示的是单一、聚焦的英雄区。
- 不要使用深色方案——截图显示的是浅色、米白色的背景。
- 不要使用喧闹的多色板——截图以黑白和单一强调色为主。
- 不要使用小而拥挤的字体排印——截图采用的是巨大、粗体、间距充足的标题。
- 不要使用尖锐的矩形 UI 元素——截图显示的是药丸形按钮和柔和圆角。
- 避免: 企业术语
- 避免: 冗长的解释
- 避免: 过于正式的语言
11
System Prompt
这是一个极简主义的机构作品集网站,具有简洁、大胆的美学。设计采用浅米白色背景(#F5F5F5)和黑色墨水(#000000)以实现高对比度。字体排印是简洁的几何无衬线字体,在标题中以巨大、粗体的比例使用。关键元素包括主标题旁的趣味角色插图,以及一个带有微妙渐变辉光的浮动行动号召按钮。关键禁忌:避免拥挤的布局、深色主题、装饰性衬线字体、喧闹的配色、小字号和尖锐的 UI 元素。该网站将自身定位为传统机构的直接、自信的替代选择。