精選 · 開放 · 免費

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