精选 · 开放 · 免费

Forner Studio

精致的编辑风格工作室作品集，具有宁静、极简的美学和强烈的排版表现力。

EditorialCleanRefinedCalmProduct

↓ 下载设计系统包 (5 MB)在 OpenDesign 中打开

原站: https://forner.studio

📦 浏览包内文件 →

设计气质 DNA

极简主义编辑风格产品摄影高端健康

专注于干净、精致产品呈现的高端设计工作室作品集。

色彩

#484036Ink

#666E72Ink soft

#ECECE4BG

#FAF5EBBG quiet

#CACAB0Muted

rgba(72, 64, 54, 0.15)Line

柔和、低饱和度的暖色中性调营造出宁静、高级的背景，让摄影作品成为视觉焦点。

字体

geometric-sans · humanist-sans

display45px · 400
heading29px · 400
body28px · 400

展示文本使用几何无衬线字体，通过紧凑的字距营造戏剧性冲击力 · 正文文本使用人文无衬线字体，配合充裕的行高以确保可读性 · 所有文本均使用常规字重（400），营造宁静、精致的感觉

间距

4px

8px

16px

24px

32px

48px

64px

96px

充裕的垂直内边距（100-300px）为各区块之间创造了呼吸空间

表面 (圆角 / 阴影 / 边线)

sm · 4px

md · 4px

lg · 4px

pill · 999px

极简风格，使用柔和墨色细线进行微妙分隔

布局

1280container

12columns

24pxgutter

768 / 1024breakpoints

全出血式英雄图像，配合充裕的垂直间距，内容居中并带有充足内边距

动效与交互

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

交互元素上平滑的变换和透明度过渡 · 所有过渡效果统一采用0.4秒以保持一致性

细微的颜色或变换变化，采用0.4秒过渡 · 通过变换提供即时视觉反馈

组件

button 极简的、大写文本链接，带有细微的过渡效果
card 干净、以图像为主导的呈现，配有充裕的留白
hero 大型全出血式摄影英雄区块，带有超大品牌排版叠加

文案语气与禁用清单

语气精致、内敛且高端
标题风格 大型、干净的排版，配有充裕的间距
按钮文案 极简的大写文本链接，带有细微的交互

不要使用饱和的强调色 — 截图显示为完全去饱和的大地色调
不要添加厚重的投影 — 截图显示为平面、干净的表面
不要使用装饰性衬线字体 — 截图显示为几何和人文无衬线字体
不要创建密集的布局 — 截图显示元素之间有充裕的留白
不要使用纯白色背景 — 截图显示温暖的离白（#ECECE4）作为主色
不要添加复杂的动画 — 截图显示细微、平滑的过渡效果
避免: 鲜艳的颜色
避免: 杂乱的布局
避免: 厚重的阴影
避免: 密集的文本块

包内真实截图

Forner Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

抓自真实页面 · 真 computed styles

System Prompt

Forner Studio 是一个具有精致编辑美学的高端设计作品集。关键颜色为大地色系中性色：温暖的离白（#ECECE4）、深墨色（#484036）和柔和的强调色（#CACAB0）。排版结合了用于展示的几何无衬线字体和用于正文的人文无衬线字体，均使用常规字重。布局采用全出血式摄影，配合充裕的垂直间距（100-300px）。关键注意事项：避免使用饱和颜色、跳过厚重阴影、不使用装饰性衬线字体、保持宽松的布局、绝不使用纯白色背景，并保持动画细微。该网站通过极简的界面和强大的视觉层级，强调宁静、高端的产品呈现。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko