---
name: Forner Studio
description: "Excellent example of refined, premium studio portfolio design that prioritizes visual presentation over UI complexity."
version: alpha

colors:
  background: "#ECECE4"
  primary: "#484036"
  secondary: "#666E72"
  neutral: "#CACAB0"
  bg-quiet: "#FAF5EB"
  line: "rgba(72, 64, 54, 0.15)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 45px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  heading:
    fontFamily: humanist-sans
    fontSize: 29px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 28px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 4px
  lg: 4px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

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

## Colors

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

- **Background (`#ECECE4`)** — uses `bg` token
- **Primary text (`#484036`)** — uses `ink` token
- **Secondary text (`#666E72`)** — uses `ink-soft` token
- **Muted (`#CACAB0`)** — uses `muted` token
- **Borders (`rgba(72, 64, 54, 0.15)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans

- 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

## Layout

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

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

## Elevation & Depth

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

## Shapes

- `sm`: 4px
- `md`: 4px
- `lg`: 4px
- `pill`: 999px

## 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

## Do's and Don'ts

**Don't:**
- 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

---

## System Prompt (paste into AI agent)

```
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.
```