CURATED · OPEN · FREE

Height

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

SaaSProductivityApp UI
Height screenshot
Open in OpenDesign

Visit: https://height.app

01

Identity DNA

Task ManagementProductivityAICollaboration

A clean, modern operating system for team tasks

02

Color

#000000Ink
#FFFFFFBG
rgba(0, 0, 0, 1.0)Line

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

03

Typography

transitional-serif

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

04

Spacing

4px
8px
16px
24px
32px
48px
64px
96px

Standard 4px base grid

05

Surfaces

sm · 4px
md · 8px
lg · 12px
pill · 999px

Solid 1px black borders

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Standard centered content column

07

Motion & Interaction

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

CSS transition: all · Smooth state changes

Subtle visual state change · Immediate response

08

Components

09

Voice & Don'ts

11

System prompt

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.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗

en · zh-CN · zh-TW · ja · ko