compose_export
Build a complete design system from one brand color and export it as CSS, JSON, Tailwind, or SCSS files, including typography, spacing, shadows, and more.
Instructions
Build the whole design system from one brand color and export it: colors, typography, spacing, shadows, grid, motion and accessibility notes, as ready-to-use files.
formats: css (custom properties), json, tailwind (config) and scss. Pass the same preferences you used with the other tools so the export matches them.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| color | Yes | Brand color in hex (e.g. #6366F1). The whole system is built from it. | |
| colors | No | Additional brand colors in hex (up to 5 colors in total, including `color`). | |
| corners | No | Corner radius character (default rounded) | |
| density | No | Spacing density (default balanced) | |
| formats | No | Export formats (default ["css", "json"]) | |
| type_style | No | Typography character (default modern) | |
| preferences | No | Other design preferences, so tools called separately stay consistent with each other. Pass the same values to every tool. | |
| color_scheme | No | How the palette is derived (default analogous) | |
| animation_style | No | Motion character (default minimal) | |
| shadow_intensity | No | Shadow strength (default subtle) |