**Head Component — LLM Reference**
`Head` generates the `` section of the email document. It includes essential meta tags, global CSS resets, mobile responsiveness rules, Outlook fixes, and font declarations.
---
## Position in the Document Tree
`Head` is a **top-level** component and must be placed directly inside the email root (not in the body).
```tsx
{/* Fonts + custom styles */}
```
---
## ComponentNode JSON Structure
```json
{
"id": "head_root",
"type": "HeadComponent",
"config": {
"title": "Monthly Newsletter",
"backgroundColor": "#ffffff",
"rowGaps": ["8px", "16px", "32px", "48px"]
}
}
```
---
## `HeadConfig` — Full Property Reference
| Property | Type | Required | Default | Description |
|--------------------|-----------------------|----------|----------------------|-----------|
| `title` | `string` | No | `"Email Preview"` | Email subject / browser title |
| `backgroundColor` | `string` | No | `"#ffffff"` | Global email background color |
| `rowGaps` | `string[]` | No | `[]` | Gap values used for mobile responsive spacing |
| `fonts` | `ResolvedFont[]` | No | `[]` | Auto-resolved fonts (from builder pipeline) |
| `children` | `ReactNode` | No | — | Additional custom `