Calm design skill for AI agents

Overview

Calm is a polished greige design system built for quiet, precise interfaces. It pairs alternating warm content tones with a dark hero and footer, deep teal accents, pill controls, 24px cards, and shadowless bordered surfaces.

The system works well for editorial SaaS pages, thoughtful product experiences, documentation hubs, personal productivity tools, and interfaces that should feel composed without becoming plain.

Design Direction

Use generous spacing, clean typography, subtle borders, restrained accent color, and rounded controls. Let structure, rhythm, and surface contrast carry the interface instead of decoration or heavy effects.