---
name: Studiofew
description: "A masterclass in restrained design where the typography itself serves as the primary visual language."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  secondary: "#333333"
  neutral: "#b7b7b7"
  bg-soft: "#f6f4f1"
  bg-quiet: "#b3b3b3"
  muted-soft: "#858585"
  line: "rgba(0, 0, 0, 1)"

typography:
  display:
    fontFamily: humanist-serif
    fontSize: 158px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1.584px"
  sub-display:
    fontFamily: humanist-serif
    fontSize: 115px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1.584px"
  body:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0.2px"
  caption:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0.2px"

rounded:
  sm: 2px
  md: 6px
  lg: 0px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 20px
  2xl: 24px
  3xl: 32px

---

## Overview

A minimalist, premium type foundry site showcasing font specimens with stark monochrome photography and refined UI.

*A high-end type foundry specimen book presented in a digital format*

## Colors

Strict monochromatic palette relying on stark black and white contrast with neutral grays for hierarchy and UI elements.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#333333`)** — uses `ink-soft` token
- **Muted (`#b7b7b7`)** — uses `muted` token
- **Borders (`rgba(0, 0, 0, 1)`)** — uses `line` token

## Typography

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

- All-caps for labels and navigation
- Tight letter-spacing for large display type
- Generous letter-spacing for small caps UI

## Layout

Full-width specimen cards separated by dotted lines with sticky navigation

*Rhythm:* Strict 4px grid with generous padding around specimen sections

## Elevation & Depth

- Borders: 1px solid black, dotted separators for sectioning

## Shapes

- `sm`: 2px
- `md`: 6px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Minimal rectangular buttons with sharp corners, either filled black or outlined, uppercase text
- **card:** Full-width sections dedicated to individual font specimens
- **chip:** Small circular icons and badges used for cart counts
- **input:** Slider controls with minimalist dot indicators
- **hero:** Large photographic or 3D rendered imagery overlaid with massive specimen typography

## Do's and Don'ts

**Don't:**
- don't use vibrant colors — screenshot shows a strictly monochrome black, white, and gray palette
- don't apply rounded corners to primary buttons — screenshot shows sharp, rectangular buttons
- don't use wide letter-spacing for large display text — screenshot shows tight tracking for specimen headlines
- don't hide behind playful language — screenshot shows direct, functional UI labels like 'SIZE' and 'WEIGHT'
- don't use heavy shadows or depth — screenshot shows flat, clean surfaces
- don't center-align everything — screenshot shows strong left-aligned typography and UI elements

---

## System Prompt (paste into AI agent)

```
A premium, minimalist type foundry specimen site. Key colors are pure black (#000000), white (#ffffff), and neutral grays (#b3b3b3, #b7b7b7). Typography features massive, tightly tracked display type (humanist-serif) and functional sans-serif UI text. Critical donts: no vibrant colors, no rounded buttons, no wide letter-spacing on display text, no playful tone, no heavy shadows. Layout relies on full-width sections, dotted separators, and generous spacing to let the typography breathe.
```