---
name: Savoirfaire Nyc
description: "This site is a masterclass in minimalist editorial design, using extreme typographic scale and negative space to create a powerful, premium visual identity."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  neutral: "#808080"
  line: "rgba(128,128,128,1.0)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 360px
    lineHeight: 1.0
    fontWeight: 100
    letterSpacing: "-2px"
  body:
    fontFamily: humanist-sans
    fontSize: 19.8px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: humanist-sans
    fontSize: 9px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A stark, black-and-white editorial site dominated by ultra-large serif typography and generous negative space.

*A high-end fashion magazine or art gallery website.*

## Colors

Strict monochromatic contrast for maximum editorial impact.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Muted (`#808080`)** — uses `muted` token
- **Borders (`rgba(128,128,128,1.0)`)** — uses `line` token

## Typography

- **Display:** didone-serif
- **Body:** humanist-sans

## Layout

Full-screen black background with massive typography anchored at the bottom and a top ticker.

*Rhythm:* Generous vertical spacing emphasizes the large typography.

## Elevation & Depth

- Borders: No visible borders; relies on high contrast.

## Shapes

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

## Components

- **button:** Minimalist circular button with a cross icon.
- **card:** None visible.
- **chip:** None visible.
- **input:** None visible.
- **hero:** Massive typographic hero featuring the brand name in an ultra-thin didone-serif font.

## Do's and Don'ts

**Don't:**
- Don't use multiple colors — screenshot shows a strict monochromatic black and white palette.
- Don't use heavy font weights for display text — screenshot shows an ultra-thin (weight 100) serif font.
- Don't clutter the layout with many elements — screenshot shows extreme minimalism with massive negative space.
- Don't use rounded corners on primary elements — screenshot shows sharp typography and a circular icon button.
- Don't use drop shadows or gradients — screenshot shows flat, high-contrast elements.
- Don't use decorative or playful fonts — screenshot shows a refined didone-serif and a clean humanist-sans.

---

## System Prompt (paste into AI agent)

```
This is a minimalist, high-contrast editorial website. The design DNA is rooted in extreme simplicity, featuring a solid black background (#000000) and crisp white text (#FFFFFF). The typography is the primary focus, utilizing a massive, ultra-thin didone-serif for display text and a clean humanist-sans for UI elements. A subtle gray (#808080) is used for secondary text. The layout is characterized by massive negative space and a full-bleed hero. Critical donts: avoid using multiple colors, avoid heavy font weights for display text, and avoid cluttering the layout. The overall feel is premium, confident, and highly refined, similar to a high-end art or fashion publication.
```