← OpenDesign
精选 · 开放 · 免费
Unseen Studio
一个具有趣味、洞察特质的极简创意机构。
agency editorial
01
设计气质 DNA
趣味性 极简 隐匿 洞察
一个带有趣味风格的简洁创意机构
02
色彩
#212121Ink
#424242Ink soft
#F1EDEBBG
#FAF6F4BG soft
#EFEDE9BG quiet
#D6D6D6Muted
rgba(33, 33, 33, 1)Line
柔和温暖的中性色调,搭配高对比度黑色文字作为视觉锚点。
03
字体
didone-serif · grotesque-sans
display 90px · 400body 14px · 400正文字体为Neue Montreal,一款简洁的无衬线字体。 · 展示字体为Saol Display,一款优雅的过渡衬线字体。 · 标题常采用大写字母并收紧字间距。 · 正文采用略负字间距,呈现清爽视觉效果。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
核心元素周围保留充足留白,形成聚焦、无杂乱的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 24px
pill · 999px
采用1像素细边框,深色调实现微妙的轮廓定义。
06
布局
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
启动页采用居中单栏布局,垂直节奏舒展。
07
动效与交互
220ms micro
400ms small
1000ms medium
cubic-bezier(0.16, 1, 0.3, 1) easing
交互元素采用平滑ease-out过渡效果。 · 主页面转换使用延长变形动画。
交互元素呈现微妙的缩放或颜色过渡。 · 进入网站后平滑过渡至主要内容。
08
组件
button 极简药丸形按钮,白色背景搭配黑色文字与微妙阴影。 card 当前视图不适用。 chip 当前视图不适用。 input 当前视图不适用。 hero 居中内容区块,包含趣味性插画标志、标题、描述及单一操作按钮。
09
文案语气与禁用清单
语气 专业而不失趣味与洞察力。 标题风格 直接自信,常以大写形式呈现。 按钮文案 简洁的动作指令,如“Enter”。 避免使用纯白背景——截图显示为柔和的暖米白/离白色。 避免使用纯单色调色盘——截图呈现为温暖、低饱和度的粉米色。 避免所有正文使用衬线字体——截图显示正文采用无衬线字体(Neue Montreal)。 避免使用尖锐的直角——截图显示为圆润的药丸形按钮。 避免使用厚重的投影——截图显示“Enter”按钮采用微妙柔和的阴影。 避免初始视图杂乱——截图显示为单一居中栏内容,搭配大量空白空间。 避免: 过度商业化或冰冷的语言风格。 避免: 缺乏视觉呼吸空间的密集文本块。 避免: 初始入口处复杂或杂乱的导航设计。
10
包内真实截图
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 抓自真实页面 · 真 computed styles
11
System Prompt
Unseen Studio 是一家拥有极简、洞察、略带趣味特质的创意机构。视觉系统采用柔和温暖的米白色背景(#F1EDEB)搭配高对比度黑色(#212121)字体。字体组合选用简洁无衬线字体(Neue Montreal)作为正文,搭配精致的过渡衬线字体(Saol Display)作为展示。布局居中开阔,启动页聚焦单栏结构。关键交互流畅,采用自定义cubic-bezier缓动曲线。核心禁忌:避免纯白背景、避免缺乏呼吸空间的密集布局、避免交互元素使用尖锐直角。
更多精选
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
为什么收录: 该网站作为创意机构启动页的优秀范例值得收录,完美平衡了极简设计与趣味、令人难忘的品牌识别。