---
name: Yuga
description: "A masterclass in brutalist digital design, using scale and contrast to create a powerful, memorable brand presence."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  tertiary: "#D3DE5D"
  bg-quiet: "#131313"
  line: "rgba(255, 255, 255, 1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 102px
    lineHeight: 0.82
    fontWeight: 800
    letterSpacing: "-4.8px"
  heading:
    fontFamily: grotesque-sans
    fontSize: 52px
    lineHeight: 0.9
    fontWeight: 800
    letterSpacing: "-1.04px"
  body:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "normal"

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

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

---

## Overview

High-contrast brutalist digital presence anchored by massive typography.

*A monolithic digital entity carved from absolute darkness.*

## Colors

Absolute binary contrast with strict black and white foundations.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Accent (`#D3DE5D`)** — uses `accent` token
- **Borders (`rgba(255, 255, 255, 1)`)** — uses `line` token

## Typography

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

- Use extreme tight tracking for large display text
- Maintain heavy weight for structural hierarchy
- Keep body text small and dense for contrast

## Layout

Expansive dark canvases with massive typographic anchors.

*Rhythm:* Strict 4px grid with tight vertical spacing.

## Elevation & Depth

- Borders: Thin, high-contrast borders for structural separation.

## Shapes

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

## Components

- **button:** High-contrast pill shapes with extreme rounding.
- **card:** Sleek, dark surfaces with minimal padding.
- **chip:** Small, pill-shaped tags for categorization.
- **input:** Clean, bordered fields for data entry.
- **hero:** Full-screen black void with massive typography and central logo.

## Do's and Don'ts

**Don't:**
- don't use muted grays — screenshot shows absolute black (#000000) and white (#FFFFFF) instead
- don't use serif fonts — screenshot shows a heavy grotesque-sans (AK Monument Grotesk) instead
- don't use small display sizes — screenshot shows massive 102px headers instead
- don't use wide tracking — screenshot shows tight, negative letter-spacing (-4.8px) instead
- don't use rounded corners on cards — screenshot shows sharp edges instead
- don't use subtle gradients — screenshot shows flat, high-contrast blocks instead

---

## System Prompt (paste into AI agent)

```
This is a minimalist, high-contrast design system for a bold digital agency or studio. The primary background is absolute black (#000000) with white (#FFFFFF) text for maximum impact. The typography is a heavy grotesque-sans (AK Monument Grotesk) used in massive sizes (up to 102px) with tight letter-spacing. Layouts are spacious and expansive, emphasizing structural clarity. Critical donts: never use soft grays or muted tones; keep all contrasts binary; avoid serif typefaces or decorative elements; maintain extremely tight tracking on display text; use sharp edges instead of rounded corners. The design is aggressive and uncompromising, prioritizing bold visual statements over soft usability. Interactions are smooth but subtle, relying on opacity and transform transitions.
```