---
name: Erno Works
description: "This site is a prime example of a minimalist portfolio that uses typography and spacing to convey a sense of premium craft and clarity."
version: alpha

colors:
  background: "#fafbfc"
  primary: "#202020"
  bg-quiet: "#dfdcdc"
  line: "rgba(27, 27, 27, 0.13)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 57.6px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2.88px"
  h2:
    fontFamily: humanist-sans
    fontSize: 43.2px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2.16px"
  body:
    fontFamily: humanist-sans
    fontSize: 21px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.32px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

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

---

## Overview

A refined portfolio for a multidisciplinary design director emphasizing logic, clarity, and craft.

*A minimalist gallery showcasing high-end design work*

## Colors

Minimalist and strictly functional, relying on a near-monochromatic palette to let the work stand out.

- **Background (`#fafbfc`)** — uses `bg` token
- **Primary text (`#202020`)** — uses `ink` token
- **Borders (`rgba(27, 27, 27, 0.13)`)** — uses `line` token

## Typography

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

- All text uses a consistent humanist sans-serif
- Tight letter spacing is used for large display type
- Light to regular weights are preferred for a refined look

## Layout

A responsive grid that shifts from a single-column mobile layout to a multi-column desktop showcase

*Rhythm:* Generous whitespace and vertical rhythm to create a calm, breathable layout

## Elevation & Depth

- Borders: Thin, 1px lines used for subtle section dividers

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 0px

## Components

- **button:** Minimal text links, often without borders or backgrounds
- **card:** Project cards consisting of an image and a clean text overlay or adjacent text
- **hero:** A large, dominant typographic statement with generous negative space

## Do's and Don'ts

**Don't:**
- don't use bold font weights — screenshot shows light to regular weights used exclusively
- don't apply drop shadows to project images — screenshot shows completely flat imagery
- don't use rounded corners on cards or containers — screenshot shows sharp, rectangular edges
- don't introduce saturated accent colors — screenshot shows a strictly monochromatic and muted palette
- don't clutter the layout with dense text — screenshot shows ample whitespace and breathing room
- don't use decorative background patterns — screenshot shows solid, plain background colors

---

## System Prompt (paste into AI agent)

```
This is a minimalist portfolio for a design director. The palette is strictly monochromatic, using a slightly off-white background (#fafbfc), dark gray text (#202020), and subtle borders (rgba(27, 27, 27, 0.13)). Typography is a clean humanist sans-serif with tight letter-spacing for display text. Layout is spacious with generous whitespace. Critical don'ts: do not use bold weights, do not add shadows to images, and do not introduce saturated accent colors. The design relies on clarity and restraint to let the showcased work stand out.
```