---
name: Unveil Fr
description: "A masterclass in restraint and typographic purity, demonstrating how minimal elements can create a highly sophisticated and premium editorial aesthetic."
version: alpha

colors:
  background: "#FAFAFA"
  primary: "#000000"
  neutral: "#000000"
  bg-soft: "#FFFFFF"
  bg-quiet: "#FAFAFA"
  line: "rgba(0,0,0,1)"

typography:
  body-sm:
    fontFamily: geometric-sans
    fontSize: 10.5px
    lineHeight: 1.05
    fontWeight: 400
    letterSpacing: "0.01em"
  body-md:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.01em"

rounded:
  sm: 6px
  md: 6px
  lg: 6px
  pill: 33554400px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 24px
  2xl: 28px
  3xl: 40px

---

## Overview

A hyper-minimal editorial site focused on typography and negative space.

*A Swiss typography specimen or high-end gallery catalog.*

## Colors

Monochromatic contrast with massive whitespace to emphasize typography.

- **Background (`#FAFAFA`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#000000`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1)`)** — uses `line` token

## Typography

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

- All text is uppercase
- Letter spacing is tight but present
- Use consistent font weight (400) across the hierarchy

## Layout

Full-screen centered text or left-aligned blocks with vast empty space.

*Rhythm:* Generous padding and gaps create a loose, airy layout.

## Elevation & Depth

- Borders: 1px solid black

## Shapes

- `sm`: 6px
- `md`: 6px
- `lg`: 6px
- `pill`: 33554400px

## Components

- **button:** Minimal uppercase text or bordered boxes with rounded corners.
- **card:** Bordered containers with generous padding.
- **chip:** None visible.
- **input:** None visible.
- **hero:** Centered or left-aligned large percentage numbers.

## Do's and Don'ts

**Don't:**
- Don't use multiple colors — screenshot shows strictly black and white/gray palette.
- Don't use serif fonts — screenshot shows exclusively sans-serif typography.
- Don't use lowercase text — screenshot shows all text is uppercase.
- Don't use heavy drop shadows — screenshot shows flat, borderless or thin-bordered surfaces.
- Don't fill the screen with content — screenshot shows vast empty whitespace.
- Don't use decorative icons — screenshot shows pure typography and simple geometric shapes.

---

## System Prompt (paste into AI agent)

```
A hyper-minimal, editorial website design that relies on extreme negative space and precise typography. The palette is strictly monochromatic, featuring a white background (#FAFAFA) and solid black text (#000000). The typography is a clean geometric sans-serif, used exclusively in uppercase with tight letter-spacing to create a refined, specimen-like feel. The layout is sparse, often centering small percentage numbers or left-aligning minimal text blocks. Critical design rules: Never use multiple colors or accents; never use serif fonts; never use lowercase text; never clutter the interface with unnecessary elements; always prioritize whitespace; maintain a strict monochromatic hierarchy. The overall feel is calm, sophisticated, and highly disciplined, akin to a high-end gallery catalog or Swiss design specimen.
```