---
name: Height
description: "Height is worth including as a prime example of extreme minimalism in SaaS design, using serif typography unexpectedly to establish a unique, refined identity."
version: alpha

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

typography:
  body:
    fontFamily: transitional-serif
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

An AI-native task management platform that unifies projects and automates busywork.

*A clean, modern operating system for team tasks*

## Colors

Strict monochromatic purity relying on high-contrast black and white for maximum clarity.

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

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif
- **Mono:** transitional-serif

- Transitional serif used consistently for all elements
- Weight 400 as the primary and only observed weight
- 16px base size for standard readability

## Layout

Standard centered content column

*Rhythm:* Standard 4px base grid

## Elevation & Depth

- Borders: Solid 1px black borders

## Shapes

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

## Components

- **button:** Standard text or bordered button
- **card:** Clean bordered container
- **chip:** Minimal inline tag
- **input:** Standard bordered input field
- **hero:** Typography-focused introductory section

## Do's and Don'ts

**Don't:**
- don't use colorful accents — screenshot shows strict black and white palette
- don't use sans-serif fonts — screenshot shows transitional-serif typography
- don't use decorative shadows — screenshot shows flat design without elevation
- don't use rounded corners for everything — screenshot shows sharp geometric forms
- don't use gradient backgrounds — screenshot shows solid white background
- don't use complex layouts — screenshot shows simple, focused content columns

---

## System Prompt (paste into AI agent)

```
Height is an AI-native task management platform positioned as a clean, efficient alternative to traditional project management tools. The visual design relies strictly on a high-contrast monochromatic palette using pure black (#000000) on white (#FFFFFF) with no visible accent colors. Typography surprisingly utilizes a transitional-serif font category at 16px with a weight of 400, rather than typical SaaS sans-serif choices. Critical design constraints include: absolutely no colorful accents or gradients, no sans-serif typography, and no decorative shadows or rounded corners. Keep all interactions smooth with 'transition: all' and maintain sharp, geometric borders throughout.
```