> Development branch documentation · commit 327c05c78d2f528e4f4a679fcc7a77d9aa161f48
> Package versions: @zenfg/webgpu 0.1.0, @zenfg/snapshot 0.1.0, @zenfg/inspector 0.1.0, zenfg 0.1.0, zenfg-snapshot 0.1.0
> Source: https://github.com/uinosoft/zenfg/blob/327c05c78d2f528e4f4a679fcc7a77d9aa161f48/packages/inspector/src/themePalette.ts#L38

[ZenFG TypeScript API](/zenfg/docs/api/index.md) / [inspector](/zenfg/docs/api/inspector/index.md) / [theme](/zenfg/docs/api/inspector/theme/index.md) / visualMetrics

# Variable: visualMetrics

> `const` **visualMetrics**: `object`

Defined in: [inspector/src/themePalette.ts:38](https://github.com/uinosoft/zenfg/blob/327c05c78d2f528e4f4a679fcc7a77d9aa161f48/packages/inspector/src/themePalette.ts#L38)

Shared typography, spacing, and corner dimensions.

## Type Declaration

### fontBody

> `readonly` **fontBody**: `"14px"` = `'14px'`

### fontCode

> `readonly` **fontCode**: `"14px"` = `'14px'`

### fontControl

> `readonly` **fontControl**: `"13px"` = `'13px'`

### fontMono

> `readonly` **fontMono**: "ui-monospace, SFMono-Regular, Consolas, \"Liberation Mono\", \"Microsoft YaHei\", monospace" = `'ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", "Microsoft YaHei", monospace'`

### fontTitle

> `readonly` **fontTitle**: `"28px"` = `'28px'`

### fontUi

> `readonly` **fontUi**: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft YaHei\", sans-serif" = `'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif'`

### radiusPanel

> `readonly` **radiusPanel**: `"10px"` = `'10px'`

### radiusSmall

> `readonly` **radiusSmall**: `"6px"` = `'6px'`

### space1

> `readonly` **space1**: `"4px"` = `'4px'`

### space2

> `readonly` **space2**: `"8px"` = `'8px'`

### space3

> `readonly` **space3**: `"12px"` = `'12px'`

### space4

> `readonly` **space4**: `"16px"` = `'16px'`

### space6

> `readonly` **space6**: `"24px"` = `'24px'`

### space8

> `readonly` **space8**: `"32px"` = `'32px'`