CURATED · OPEN · FREE

Forner Studio

Refined, editorial studio portfolio with a calm, minimalist aesthetic and strong typographic presence.

EditorialCleanRefinedCalmProduct

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://forner.studio

📦 Browse pack contents →

Identity DNA

minimalisteditorialproduct photographypremiumwellness

A premium design studio portfolio focusing on clean, refined product presentation.

Color

#484036Ink

#666E72Ink soft

#ECECE4BG

#FAF5EBBG quiet

#CACAB0Muted

rgba(72, 64, 54, 0.15)Line

Earthy, desaturated warm neutrals create a calm, premium backdrop that lets photography dominate.

Typography

geometric-sans · humanist-sans

display45px · 400
heading29px · 400
body28px · 400

Display text uses geometric sans with tight tracking for dramatic impact · Body text uses humanist sans for readability with generous line-height · All text is regular weight (400) for a calm, refined feel

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical padding (100-300px) creates breathing room between sections

Surfaces

sm · 4px

md · 4px

lg · 4px

pill · 999px

Minimal, using thin lines in muted ink color for subtle division

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-bleed hero images with generous vertical spacing, content centered with ample padding

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Smooth transform and opacity transitions on interactive elements · All transitions standardized at 0.4s for consistency

Subtle color or transform changes with 0.4s transition · Immediate visual feedback through transform

Components

button Minimal, uppercase text links with subtle transitions
card Clean, image-forward presentation with generous whitespace
hero Large full-bleed photographic hero with oversized brand typography overlay

Voice & Don'ts

Tone Refined, understated, and premium
Headlines Large, clean typography with generous spacing
CTAs Minimal, uppercase text links with subtle interactions

don't use saturated accent colors — screenshot shows entirely desaturated earth tones
don't add heavy drop shadows — screenshot shows flat, clean surfaces
don't use decorative serifs — screenshot shows geometric and humanist sans-serif fonts
don't create dense layouts — screenshot shows generous whitespace between elements
don't use bright white backgrounds — screenshot shows warm off-white (#ECECE4) as primary
don't add complex animations — screenshot shows subtle, smooth transitions
Avoid: Loud colors
Avoid: Cluttered layouts
Avoid: Heavy shadows
Avoid: Dense text blocks

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

Forner Studio is a premium design portfolio with refined, editorial aesthetics. Key colors are earthy neutrals: warm off-white (#ECECE4), deep ink (#484036), and muted accent (#CACAB0). Typography combines geometric sans for display with humanist sans for body, all at regular weight. The layout uses full-bleed photography with generous vertical spacing (100-300px). Critical donts: avoid saturated colors, skip heavy shadows, no decorative serifs, maintain spacious layouts, never use bright white backgrounds, and keep animations subtle. The site emphasizes calm, premium product presentation through minimal UI and strong visual hierarchy.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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