01
设计气质 DNA
研究学术社交极简精致
学术期刊封面遇上现代应用落地页。
02
色彩
#1A1A1AInk#555555Ink soft#FAFAFABG#999999Mutedrgba(26, 26, 26, 0.1)Line单色调色板,着重墨色与微暖背景间的高对比度。
03
字体
- display
180px · 900 - headline
32px · 500 - subhead
14px · 400
品牌名采用粗体字重与紧凑字距。 · 正文采用轻盈易读的字体。 · 二级标题使用大写字母间距。
04
间距
4px8px16px24px32px48px64px96px充沛留白,强化垂直节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
输入框与下划线采用纤细微妙边框。
无
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
不对称左对齐内容布局,搭配大型模糊背景图。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
滚动时微妙淡入效果。
微妙透明度变化或色调偏移。 · 最小化视觉反馈。
08
组件
- button 主操作采用黑色填充胶囊按钮,次操作采用描边/下划线样式。
- card 未见可见卡片。
- chip 未见可见标签组件。
- input 简约下划线输入框。
- hero 全宽度区域,搭配大号排版与柔和背景图。
09
文案语气与禁用清单
- 语气 专业、学术、精致。
- 标题风格 直接陈述式。
- 按钮文案 清晰行动导向。
- 勿使用多种竞争性强调色——截图显示严格采用黑白灰单色调。
- 勿使用密集多栏布局——截图显示简洁单栏聚焦式布局。
- 勿使用圆角容器与厚重投影——截图显示扁平无边框表面。
- 勿使用小号密集排版——截图显示大号粗体展示字与充裕间距。
- 勿使用明亮活泼的渐变——截图显示静态柔和的摄影背景。
- 勿使用厚重装饰性UI元素——截图显示极简功能性组件。
- 避免: 俚语或过度随意的表达
- 避免: 明亮饱和的色彩
- 避免: 装饰性元素
- 避免: 密集文本块
- 避免: 复杂渐变
11
System Prompt
此设计为研究者社交网络打造的精致极简落地页。采用严格的单色调色板,背景色为#FAFAFA,墨色为#1A1A1A,仅通过大号几何无衬线字体与细腻模糊摄影作为点缀。布局采用不对称左对齐形式,具有清晰的垂直节奏与充沛留白。关键禁忌:避免使用任何饱和强调色,切勿创建密集或多栏布局,且绝不使用投影或复杂渐变等厚重装饰性UI组件。系统强调克制、学术专业性与排版层级,而非视觉冗余。