Mailing Layout
Specific layouts for email templates based on ZUD components, including responsive patterns and technical specifications for cross-client compatibility.
| Template | Structure | Layout | Components |
|---|---|---|---|
Notification Email System notifications, alerts, updates | Header + Notification Content + Footer section gaps: 32px, content padding: 24px | Single column, max-width 600px | notification-banneruser-detailsprogram-summary-card |
Program Update Program progress, milestone updates, completion | Header + Program Info + Progress + Actions + Footer card gaps: 24px, internal padding: 20px | Single column with card sections | program-cardprogram-detailsstep-status |
Dashboard Summary Weekly/monthly dashboard summaries | Header + KPI Grid + Charts + Insights + Footer grid gaps: 20px, section padding: 24px | Header full-width, 2-column content, single-column mobile | dashboard-sponsormaturity-kpiglobal-energy-breakdown |