---
name: Together
description: "This site is a great example of a clean, professional SaaS aesthetic that prioritizes technical credibility over visual flair."
version: alpha

colors:
  background: "#F6FAFD"
  primary: "#000000"
  line: "rgba(0,0,0,0.04)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.8px"
  display-sm:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-0.8px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "normal"
  caption:
    fontFamily: humanist-sans
    fontSize: 11px
    lineHeight: 1.4
    fontWeight: 500
    letterSpacing: "0.55px"

rounded:
  sm: 4px
  md: 8px
  lg: 16px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 20px
  2xl: 24px
  3xl: 32px

---

## Overview

A developer-first AI infrastructure platform with a clean, professional aesthetic and technical depth.

*A clean, technical lab for AI builders.*

## Colors

High-contrast black text on a very light, cool-toned blue gradient background.

- **Background (`#F6FAFD`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(0,0,0,0.04)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** geometric-mono

- Headlines use 'The Future', a humanist sans-serif.
- Body text uses 'The Future'.
- Technical labels and buttons use 'PP Neue Montreal Mono', a geometric monospace.
- Buttons and tags use uppercase with wide letter spacing.

## Layout

A centered, single-column layout with wide margins and a full-width gradient background.

*Rhythm:* Standard 4px base grid with generous spacing for large sections.

## Elevation & Depth

- rgba(1, 1, 32, 0.1) 0px 4px 10px 0px
- rgba(1, 1, 32, 0.1) -10px 0px 75px 0px
- Borders: Subtle 1px borders using rgba(0,0,0,0.04).

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 16px
- `pill`: 999px

## Components

- **button:** Solid black primary button with white monospace text; white or transparent secondary button with black border.
- **card:** Large photo cards with a dark gradient overlay for text and rounded corners.
- **chip:** Small uppercase monospace tags with a subtle border and rounded corners.
- **input:** Clean, minimalist inputs with subtle borders.
- **hero:** Large split layout with bold headline on the left and a 3D illustration on the right.

## Do's and Don'ts

**Don't:**
- Don't use multiple high-chroma accent colors — the palette is strictly black, white, and a light blue gradient.
- Don't use serif fonts — the entire site uses sans-serif and monospace categories.
- Don't use rounded pill shapes for large buttons — they use a small 4px border radius.
- Don't use heavy drop shadows — shadows are very subtle and use a low-opacity dark blue.
- Don't use bright, saturated background colors — the background is a very light, desaturated blue.
- Don't use centered text for the main hero — the primary content is left-aligned.

---

## System Prompt (paste into AI agent)

```
Together AI is a developer-focused AI infrastructure platform. The design is clean, professional, and technically oriented. The color palette is extremely restrained, featuring a light, cool-toned blue gradient background (#F6FAFD), solid black ink (#000000), and white. Typography uses a humanist sans-serif for headlines and body, and a geometric monospace for technical labels and buttons. The layout is spacious with a centered container and generous padding. Interactions are smooth with subtle transitions. Critical donts: Do not use high-chroma accent colors, as the palette is strictly black and white with a light blue gradient. Do not use serif fonts, as the design is strictly sans-serif and monospace. Do not use heavy shadows or complex textures, as the aesthetic is clean and minimal. Always use uppercase monospace for buttons and technical tags.
```