← OpenDesign
精选 · 开放 · 免费
Forner Studio
精致的编辑风格工作室作品集,具有宁静、极简的美学和强烈的排版表现力。
Editorial Clean Refined Calm Product
01
设计气质 DNA
极简主义 编辑风格 产品摄影 高端 健康
专注于干净、精致产品呈现的高端设计工作室作品集。
02
色彩
#484036Ink
#666E72Ink soft
#ECECE4BG
#FAF5EBBG quiet
#CACAB0Muted
rgba(72, 64, 54, 0.15)Line
柔和、低饱和度的暖色中性调营造出宁静、高级的背景,让摄影作品成为视觉焦点。
03
字体
geometric-sans · humanist-sans
display 45px · 400heading 29px · 400body 28px · 400展示文本使用几何无衬线字体,通过紧凑的字距营造戏剧性冲击力 · 正文文本使用人文无衬线字体,配合充裕的行高以确保可读性 · 所有文本均使用常规字重(400),营造宁静、精致的感觉
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的垂直内边距(100-300px)为各区块之间创造了呼吸空间
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 4px
lg · 4px
pill · 999px
极简风格,使用柔和墨色细线进行微妙分隔
06
布局
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
全出血式英雄图像,配合充裕的垂直间距,内容居中并带有充足内边距
07
动效与交互
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
交互元素上平滑的变换和透明度过渡 · 所有过渡效果统一采用0.4秒以保持一致性
细微的颜色或变换变化,采用0.4秒过渡 · 通过变换提供即时视觉反馈
08
组件
button 极简的、大写文本链接,带有细微的过渡效果 card 干净、以图像为主导的呈现,配有充裕的留白 hero 大型全出血式摄影英雄区块,带有超大品牌排版叠加
09
文案语气与禁用清单
语气 精致、内敛且高端 标题风格 大型、干净的排版,配有充裕的间距 按钮文案 极简的大写文本链接,带有细微的交互 不要使用饱和的强调色 — 截图显示为完全去饱和的大地色调 不要添加厚重的投影 — 截图显示为平面、干净的表面 不要使用装饰性衬线字体 — 截图显示为几何和人文无衬线字体 不要创建密集的布局 — 截图显示元素之间有充裕的留白 不要使用纯白色背景 — 截图显示温暖的离白(#ECECE4)作为主色 不要添加复杂的动画 — 截图显示细微、平滑的过渡效果 避免: 鲜艳的颜色 避免: 杂乱的布局 避免: 厚重的阴影 避免: 密集的文本块
10
包内真实截图
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 抓自真实页面 · 真 computed styles
11
System Prompt
Forner Studio 是一个具有精致编辑美学的高端设计作品集。关键颜色为大地色系中性色:温暖的离白(#ECECE4)、深墨色(#484036)和柔和的强调色(#CACAB0)。排版结合了用于展示的几何无衬线字体和用于正文的人文无衬线字体,均使用常规字重。布局采用全出血式摄影,配合充裕的垂直间距(100-300px)。关键注意事项:避免使用饱和颜色、跳过厚重阴影、不使用装饰性衬线字体、保持宽松的布局、绝不使用纯白色背景,并保持动画细微。该网站通过极简的界面和强大的视觉层级,强调宁静、高端的产品呈现。
更多精选
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
为什么收录: 这是精致、高端的工作室作品集设计典范,优先考虑视觉呈现而非界面复杂度。