---
name: Airstudios
description: "This site is worth including as an excellent example of how high-end creative studios use bold colors, minimalist typography, and generative art to create a unique and memorable brand identity."
version: alpha

colors:
  background: "#FA516A"
  primary: "#1A1B1B"
  bg-quiet: "#4A4A44"
  line: "rgba(26,27,27,1.0)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 300
    letterSpacing: "0px"
  body:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.14
    fontWeight: 300
    letterSpacing: "0px"

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 bold, artistic website for a professional recording studio

*A high-end recording studio's digital presence*

## Colors

Vibrant primary backgrounds with dark text for high contrast

- **Background (`#FA516A`)** — uses `bg` token
- **Primary text (`#1A1B1B`)** — uses `ink` token
- **Borders (`rgba(26,27,27,1.0)`)** — uses `line` token

## Typography

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

- Light weight (300) is heavily used
- Uppercase text for navigation and emphasis

## Layout

Centered layout with footer organized in columns

*Rhythm:* Consistent padding and margins

## Elevation & Depth

- Borders: 1px solid lines used sparingly for structure

## Shapes

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

## Components

- **button:** Minimal or non-existent in the visible screenshot
- **card:** No cards visible
- **chip:** No chips visible
- **input:** No input fields visible
- **hero:** Full-screen hero with animated abstract generative art and minimal text

## Do's and Don'ts

**Don't:**
- Don't use heavy font weights — screenshot shows light weight (300) used almost exclusively
- Don't use complex drop shadows — screenshot shows flat, clean surfaces
- Don't use rounded corners on buttons or cards — screenshot shows sharp, straight edges
- Don't use center-aligned text for body copy — screenshot shows left-aligned text
- Don't use excessive padding — screenshot shows tight, efficient spacing
- Don't use serif fonts — screenshot shows a consistent use of grotesque sans-serif

---

## System Prompt (paste into AI agent)

```
Airstudios is a high-end recording studio website that uses a bold, vibrant aesthetic. The primary background color is a coral pink (#FA516A), with a dark olive (#4A4A44) used for a mobile or alternate state. The text color is a very dark gray/black (#1A1B1B). The typography is a light-weight (300) grotesque sans-serif (identified as Akzidenz-Grotesk). The site heavily features generative, abstract line art as a focal point. Key critical donts: 1) Do not use heavy or bold font weights, as the design relies on light, airy typography. 2) Do not add rounded corners to containers or buttons; the aesthetic is sharp and geometric. 3) Do not use complex shadows or gradients; keep surfaces flat and clean.
```