# KingDezigns Email Template Style Guide
Last Updated: 2026-05-26
---
## Overview
All automated HTML emails in the KingDezigns infrastructure follow a consistent visual style.
Reference this document when building new notification emails for any service.
---
## Design Principles
- Dark header (`#0f172a`) with white text — always includes hostname and timestamp
- Color-coded status banner below header (green / amber / red)
- White card body with `border-radius:10px`, `box-shadow`, `border:1px solid #e5e7eb`
- Stat/metric values displayed as large bold figures in `#f9fafb` pill cards
- Monospace `pre` blocks for raw output — dark background `#1e293b`, light text `#e2e8f0`
- Dark footer (`#0f172a`) with "KingDezigns Infrastructure" branding
- Max width: 720px, centered, outer background `#f1f5f9`
- Font stack: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`
---
## Severity Colors
| Severity | Background | Text | Use When |
|----------|-----------|-------|----------|
| HEALTHY / OK | `#1a7f4b` | white | All clear |
| WARNING | `#b45309` | white | Attention needed |
| CRITICAL | `#b91c1c` | white | Immediate action required |
Row background tints:
- OK: `#f0fdf4`
- WARNING: `#fffbeb`
- CRITICAL: `#fff1f2`
---
## Header Block
```html
|
SERVICE NAME
ICON HOSTNAME
TIMESTAMP | CONTEXT INFO
|
STATUS BADGE
|
|
```
---
## Status Banner Block
```html
|
ICON STATUS MESSAGE
|
```
---
## Stat Card Row
```html
LABEL
VALUE
|
```
---
## Info/Detail Block
```html
LABEL
VALUE
```
---
## Error/Warning Block
```html
```
---
## Monospace Raw Output Block
```html
RAW OUTPUT
```
---
## Summary Table Block
```html
```
---
## Footer Block
```html
|
SERVICE NAME | HOSTNAME | KingDezigns Infrastructure
|
```
---
## SMTP Configuration (Zoho)
- Server: `smtppro.zoho.com`
- Port: `465`
- Encryption: `tls` / `ssltls`
- Auth: `login`
- Sender: `rufus.king@kingdezigns.com`
- Sender Name: `Home Assistant`
- Recipient: `rufus.king@kingdezigns.com`
- Credentials: stored in HA `secrets.yaml` as `kd_username` / `kd_password`
---
## Reference Implementation
See `nas08_zfs_report.sh` for the full reference implementation of this style.
All future email notifications should match this visual language.
---
# ✔️ End of File