Mailing Layout

Specific layouts for email templates based on ZUD components, including responsive patterns and technical specifications for cross-client compatibility.

TemplateStructureLayoutComponents
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