# Generative UI Tokens
URL: /docs/api-reference/generative-ui/tokens

Shared token arrays used by the default generative UI vocabulary for sizing, color, alignment, and component variants.

> For AI agents: a documentation index is available at [llms.txt](/llms.txt). Use `.md` for canonical markdown pages; `.mdx` is kept as a backwards-compatible alias on supported URL paths.

## API Reference

### ALERT\_TONES

```
const ALERT_TONES: readonly ["info", "success", "warning", "danger"];
```

### ALIGNS

```
const ALIGNS: readonly ["start", "center", "end"];
```

### BUTTON\_STYLES

```
const BUTTON_STYLES: readonly ["primary", "secondary", "outline", "ghost", "danger"];
```

### COLORS

```
const COLORS: readonly ["emphasis", "secondary", "alpha-70", "white", "white-70", "white-50"];
```

### IMAGE\_SIZE\_TOKENS

```
const IMAGE_SIZE_TOKENS: readonly ["sm", "md", "lg"];
```

### JUSTIFIES

```
const JUSTIFIES: readonly ["start", "center", "end", "between"];
```

### TEXT\_SIZES

```
const TEXT_SIZES: readonly ["sm", "md", "lg", "xl", "2xl", "3xl"];
```

### WEIGHTS

```
const WEIGHTS: readonly ["normal", "medium", "semibold", "bold"];
```