---
name: Channel Studio
description: "This site is a masterclass in restrained, high-end design studio branding that prioritizes project work over UI decoration."
version: alpha

colors:
  background: "#000000"
  primary: "#CACACA"
  secondary: "#727272"
  neutral: "#727272"
  bg-soft: "#111111"
  line: "rgba(202,202,202,0.2)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 75px
    lineHeight: 0.9
    fontWeight: 400
    letterSpacing: "-1.5px"
  heading:
    fontFamily: geometric-sans
    fontSize: 18px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A premium brand and user experience innovation studio showcasing high-end project case studies

*A minimalist architectural blueprint for a creative studio*

## Colors

Strict monochrome with high-contrast typography on dark grounds

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#CACACA`)** — uses `ink` token
- **Secondary text (`#727272`)** — uses `ink-soft` token
- **Muted (`#727272`)** — uses `muted` token
- **Borders (`rgba(202,202,202,0.2)`)** — uses `line` token

## Typography

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

- Tight letter-spacing for display text to enhance impact
- Consistent 400 weight throughout for a refined, uniform look
- Left-aligned typography creates a strong vertical axis

## Layout

Full-bleed sections alternating between dark backgrounds with text and large-scale project imagery

*Rhythm:* Asymmetric padding with large bottom offsets to create full-viewport sections

## Elevation & Depth

- Borders: No visible borders; boundaries defined by color blocks and large imagery

## Shapes

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

## Components

- **button:** Minimal text links with no background or border, sometimes accompanied by an arrow icon
- **card:** Full-bleed project cards consisting of a large title and a dominant background image
- **hero:** Immersive full-viewport section featuring a large, left-aligned statement over a textured dark background

## Do's and Don'ts

**Don't:**
- don't use vibrant accent colors — screenshot shows a strict monochromatic palette with white and gray
- don't use heavy borders or cards — screenshot shows full-bleed sections without visible containers
- don't use multi-column grids for small text — screenshot shows generous whitespace and left-aligned blocks
- don't use playful or rounded typography — screenshot shows a structured, geometric sans-serif
- don't use cluttered navigation menus — screenshot shows a simple, vertically stacked text list
- don't use drop shadows for depth — screenshot relies on large imagery and high-contrast text

---

## System Prompt (paste into AI agent)

```
Channel Studio is a premium brand and user experience innovation agency. The visual language is defined by a strict monochromatic palette featuring a deep black background, crisp white text, and muted gray tones for secondary elements. Typography uses a clean geometric sans-serif category, presented in massive scales with tight tracking to create a bold, architectural feel. The layout is highly asymmetric, relying on full-bleed sections and oversized imagery to showcase project case studies. Critical constraints include avoiding any vibrant accent colors, removing decorative UI elements like cards or borders, and maintaining generous negative space. Transitions should be smooth and understated, focusing on opacity and subtle color shifts rather than flashy animations.
```