---
name: "Daniellelevitt"
description: "这个网站是一个极佳的大胆、富有表现力的作品集范例，它运用了极致的字体设计和非常规布局来提升编辑摄影的效果。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#F9F7F7"
  primary: "#392E2B"
  tertiary: "#F1B5C2"
  bg-quiet: "#392E2B"
  line: "rgba(57, 46, 43, 1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 130px
    lineHeight: 0.85
    fontWeight: 800
    letterSpacing: "-1.3px"
  headline:
    fontFamily: grotesque-sans
    fontSize: 72px
    lineHeight: 0.95
    fontWeight: 800
    letterSpacing: "-0.72px"
  body:
    fontFamily: grotesque-sans
    fontSize: 29px
    lineHeight: 0.95
    fontWeight: 800
    letterSpacing: "-0.29px"

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

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

---

## Overview

一个富有表现力的摄影代理作品集，用于记录音乐、艺术、时尚与名人。

*一本高端编辑杂志的数字作品集*

## Colors

一个简洁、高对比度的调色板，其中醒目的粉彩亮色点缀和巨大的字体与干净的基底相互作用，以突显充满活力的编辑摄影作品。

- **Background (`#F9F7F7`)** — uses `bg` token
- **Primary text (`#392E2B`)** — uses `ink` token
- **Accent (`#F1B5C2`)** — uses `accent` token
- **Borders (`rgba(57, 46, 43, 1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

- 所有字体均设置为极致粗体（800）
- 字间距始终紧凑至负值
- 用于展示尺寸的行高异常紧凑

## Layout

一个无网格、不对称的拼贴布局，其中图像层叠在巨大的背景字体之上

*Rhythm:* 不对称且宽松，以适应层叠的图像和巨大的字体

## Elevation & Depth

- Borders: 不使用边框；通过留白和字体层级来实现分隔

## Shapes

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

## Components

- **button:** 基于文本的导航链接，无背景或边框
- **card:** 无边框、阴影或容器的摄影作品框
- **hero:** 一个全宽的拼贴画，由层叠的编辑摄影图片和巨大的字体构成

## Do's and Don'ts

**Don't:**
- 不要使用多种字体家族——截图显示所有文本仅使用一种grotesque-sans字体
- 不要使用圆角容器或卡片——截图显示的是尖锐、无样式的摄影框
- 不要使用柔和的投影——截图显示的是完全扁平化的字体和摄影
- 不要使用大写文本——截图显示标题和导航均使用小写文本
- 不要使用标准网格间距——截图显示的是一个不对称的、基于拼贴的布局
- 不要使用深色主要背景——截图显示的是浅色#F9F7F7背景，配有深色#392E2B页脚区域

---

## System Prompt (paste into AI agent)

```
这是一个为Danielle Levitt设计的富有表现力的摄影代理作品集，专注于音乐、艺术、时尚与名人。设计是一个大胆的、不对称的拼贴画，将巨大、字距紧密的grotesque-sans字体（#392E2B，粗细800）与充满活力的编辑摄影作品配对。一个标志性的粉彩亮色（#F1B5C2）作为高饱和度的点缀，用于文本和图形元素，在浅色#F9F7F7基底上脱颖而出。关键约束：仅使用一种粗体grotesque-sans字体家族；避免使用大写文本；不使用边框、阴影或圆角；并保持宽松、不对称的布局，允许图像和字体自由重叠。交互应平滑，使用0.5秒cubic-bezier过渡效果处理颜色和透明度变化。
```