---
name: Redis Agency
description: "This site is a masterclass in using extreme typography and limited color to create a powerful, memorable agency brand."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  secondary: "#808080"
  tertiary: "#EB516D"
  neutral: "#808080"
  line: "rgba(255,255,255,1.0)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 90px
    lineHeight: 0.82
    fontWeight: 400
    letterSpacing: "-1.8px"
  heading:
    fontFamily: grotesque-sans
    fontSize: 36px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: grotesque-sans
    fontSize: 18px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 4px
  md: 24px
  lg: 40px
  pill: 999px

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

---

## Overview

A visually striking design agency site leveraging oversized typography and organic 3D elements against a deep black canvas.

*A high-end design gallery that blends raw organic textures with sharp, modern typography.*

## Colors

High-contrast monochromatic base with a single, vibrant pink accent for maximum impact.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#808080`)** — uses `ink-soft` token
- **Accent (`#EB516D`)** — uses `accent` token
- **Muted (`#808080`)** — uses `muted` token
- **Borders (`rgba(255,255,255,1.0)`)** — uses `line` token

## Typography

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

- Use the grotesque sans for all UI elements and body copy.
- Use the didone serif exclusively for massive, impactful headlines.
- Maintain tight letter-spacing for display text to enhance its editorial feel.

## Layout

A full-width, edge-to-edge layout dominated by massive centered elements.

*Rhythm:* Generous whitespace and wide gaps are used to separate sections and let the large typography breathe.

## Elevation & Depth

- 0px 8px 24px rgba(0,0,0,0.5)
- Borders: 1px solid rgba(255,255,255,1.0)

## Shapes

- `sm`: 4px
- `md`: 24px
- `lg`: 40px
- `pill`: 999px

## Components

- **button:** Pill-shaped buttons with white borders and black backgrounds.
- **card:** Cards with large border-radius and subtle dark gradients or solid backgrounds.
- **hero:** An immersive full-screen section with a giant serif headline and floating 3D organic imagery.

## Do's and Don'ts

**Don't:**
- Don't use rounded, friendly shapes — screenshot shows sharp, tall serifs and pill-shaped buttons.
- Don't use a light or colorful background — screenshot shows a dominant black background (#000000).
- Don't use a multi-color palette — screenshot shows a strict white, black, and grey scheme with a single pink accent.
- Don't use small, understated typography — screenshot shows massive, oversized display text.
- Don't use complex, cluttered layouts — screenshot shows vast empty spaces and focused, singular elements.
- Don't use soft, pastel accent colors — screenshot shows a vibrant, high-chroma pink (#EB516D).

---

## System Prompt (paste into AI agent)

```
Redis Agency is a bold, modern creative agency site. Its design DNA is built on a strict, high-contrast palette of pure black (#000000) and white (#FFFFFF), anchored by a single, vibrant pink accent (#EB516D). The typography is a dramatic pairing of a tall, elegant didone-serif for massive headlines and a clean grotesque-sans for all body and UI text. The layout is expansive, edge-to-edge, and dominated by oversized, expressive typography paired with organic 3D imagery. Critical design rules: Never use multiple accent colors; keep the palette strictly monochromatic with one pop. Never use small or subtle typography; display text must be oversized and impactful. Never use complex or cluttered grids; favor a minimal, spacious approach that lets the hero elements command attention. The overall tone is sophisticated and avant-garde, avoiding anything playful or generic.
```