---
name: Your Majesty
description: "This site is a masterclass in balancing bold, expressive typography with a minimal UI, making it a perfect reference for premium agency design."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#D8D8D8"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 70px
    lineHeight: 1.1
    fontWeight: 300
    letterSpacing: "-0.2px"
  display-lg:
    fontFamily: transitional-serif
    fontSize: 30px
    lineHeight: 1.13
    fontWeight: 400
    letterSpacing: "-0.2px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: humanist-sans
    fontSize: 13px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0.8px"

rounded:
  sm: 4px
  md: 5px
  lg: 12px
  pill: 9999px

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

---

## Overview

A luxury creative agency website blending bold serif typography with immersive 3D and photographic media.

*A high-end fashion editorial meets a digital gallery.*

## Colors

High-contrast monochrome base allowing 3D and photographic media to serve as the primary color accents.

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

## Typography

- **Display:** transitional-serif
- **Body:** humanist-sans
- **Mono:** monospaced

- Headlines use a high-contrast transitional serif with tight leading.
- UI labels and tags use a monospaced font in all-caps with wide tracking.
- Body text uses a clean sans-serif for readability.

## Layout

Asymmetric masonry grid with overlapping 3D and photographic cards over a wide typographic base.

*Rhythm:* Generous whitespace emphasizing a gallery-like layout.

## Elevation & Depth

- 0px 2px 6px rgba(0,0,0,0.1)
- Borders: 1px solid rgba(0,0,0,0.1)

## Shapes

- `sm`: 4px
- `md`: 5px
- `lg`: 12px
- `pill`: 9999px

## Components

- **button:** Pill-shaped dark buttons with monospaced uppercase text.
- **card:** Large vertical cards with rounded corners, containing tags and rich media.
- **chip:** Small rounded tags with dark backgrounds and white monospaced text.
- **input:** Minimal inputs likely with a bottom border or light background.
- **hero:** Split layout featuring massive serif text on the left and a dynamic media grid on the right.

## Do's and Don'ts

**Don't:**
- Don't use playful or rounded sans-serif fonts — screenshot shows elegant transitional serifs for headlines.
- Don't use a busy, multi-colored background — screenshot shows a clean, stark white canvas.
- Don't center-align all content — screenshot shows a strong left-aligned typographic hierarchy.
- Don't use standard rectangular cards — screenshot shows slightly rounded corners (5px) and overlapping elements.
- Don't use small, dense text for UI labels — screenshot shows monospaced, uppercase tags with wide tracking.
- Don't introduce a bright, high-saturation accent color — screenshot relies on 3D renders and photos for color.

---

## System Prompt (paste into AI agent)

```
This is a premium creative agency website for 'Your Majesty'. It features a high-contrast monochrome palette (#FFFFFF background, #000000 ink) that serves as a neutral stage for rich media. The typography is defined by large, elegant transitional-serif headlines paired with a clean humanist-sans body and a wide-tracked monospaced font for UI labels. The layout uses an asymmetric masonry-style grid with large, slightly rounded cards. Do not use playful fonts or casual language; maintain an authoritative, sophisticated tone. Avoid bright accent colors, instead letting 3D and photographic content provide visual interest. Ensure generous whitespace and left-aligned text blocks to preserve the editorial feel.
```