Foundations

Core visual elements that define the Catnip design language: color, typography, spacing, shadows, and icons.

Overview

Topic	Description
Primitive Color	Base palette, neutrals, branded tones, and contrast
Semantic Color	Token roles and meaning in the UI
Typography	Type scale and font usage _(responsive --catnip-font-_ in design-tokens)*

For implemented CSS/JS names, see Color tokens and Design tokens overview.