---
name: Use All Five
description: "Worth including as a prime example of high-end, contemporary digital agency portfolio design focusing on large-scale typography and ethereal gradients."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#969696"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 67px
    lineHeight: 1.2
    fontWeight: 500
    letterSpacing: "-0.25px"
  h1:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.07
    fontWeight: 400
    letterSpacing: "-0.25px"
  body:
    fontFamily: geometric-sans
    fontSize: 18px
    lineHeight: 1.6
    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

A premium digital design and technology studio site with expansive gradients and bold typography.

*a high-end design studio portfolio that blends bold typography with ethereal gradients*

## Colors

High-contrast black text on white or soft pastel gradients.

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

## Typography

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

- Use tight negative letter spacing for large display type.
- Keep body text highly readable with generous line-height.

## Layout

Asymmetric, split-column layouts with massive type on one side and content/images on the other.

*Rhythm:* Generous whitespace and padding to emphasize large typography and imagery.

## Elevation & Depth

- Borders: Minimal to none; relies on color contrast and spacing.

## Shapes

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

## Components

- **button:** Simple text-based links with arrows, no solid backgrounds.
- **card:** Image-centric case study blocks with large gaps between title and description.
- **hero:** Full-screen, typography-focused hero on a soft, multi-stop pastel gradient background.

## Do's and Don'ts

**Don't:**
- don't use solid background colors for sections — screenshot shows expansive pastel gradients.
- don't use heavily weighted, condensed fonts — screenshot shows a regular/medium weight geometric sans.
- don't use small, tightly packed grids — screenshot shows expansive, open layouts with generous whitespace.
- don't use primary-colored buttons — screenshot shows simple text links with arrows.
- don't use drop shadows on elements — screenshot shows flat surfaces with minimal to no borders.
- don't use complex multi-column text layouts — screenshot shows single, clear columns or split layouts.

---

## System Prompt (paste into AI agent)

```
A premium digital design and technology studio portfolio. Key features are expansive, multi-stop pastel gradients (soft peach, cyan, lavender) and bold, black geometric-sans typography. Layout is highly asymmetric and whitespace-heavy. No solid color buttons or drop shadows are used; calls to action are simple text links. Critical donts: don't use solid background sections, don't use heavy weights, and don't use standard UI buttons.
```