Storage critical. Upgrade to 200 GB and continue syncing seamlessly. [11478065]
Sujet: Storage critical. Upgrade to 200 GB and continue syncing seamlessly.
De: Cloud Operations
Date: 23 juillet 2026 à 15:08
<!DOCTYPE html>
Urgent: Cloud Storage Almost Full /* System Font Stack - mimics the native OS font of the user's device */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: #F5F5F7; /* System Light Grey */ margin: 0; padding: 40px 20px; color: #1D1D1F; -webkit-font-smoothing: antialiased; }
.email-wrapper { max-width: 500px; margin: 0 auto; }
/* Top Header */ .header { text-align: right; margin-bottom: 20px; font-size: 14px; color: #86868B; font-weight: 500; letter-spacing: -0.01em; }
/* Main Card Design */ .card { background-color: #FFFFFF; border-radius: 20px; /* Premium rounded corners */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); padding: 45px 40px; text-align: center; }
/* Icon mimicking an App Icon */ .icon-container { width: 72px; height: 72px; background: linear-gradient(180deg, #63a4ff 0%, #1976D2 100%); border-radius: 16px; /* Squircle shape */ margin: 0 auto 25px auto; display: flex; align-items: center; justify-content: center; font-size: 36px; color: white; box-shadow: 0 4px 12px rgba(25, 118, 210, 0.2); position: relative; }
/* Notification Badge - Orange for 'Warning/Almost Full' */ .badge { position: absolute; top: -6px; right: -6px; background-color: #FF9500; /* System Orange */ color: white; font-size: 16px; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid #FFFFFF; font-weight: 700; box-shadow: 0 2px 5px rgba(255, 149, 0, 0.3); }
/* Alert Banner */ .alert-banner { background-color: rgba(255, 149, 0, 0.08); color: #FF9500; padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 600; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 8px; }
/* Typography */ h1 { font-size: 26px; font-weight: 700; margin: 0 0 12px 0; color: #1D1D1F; letter-spacing: -0.02em; }
p { font-size: 16px; line-height: 1.5; color: #424245; margin-bottom: 25px; font-weight: 400; }
/* iOS-style List/Menu */ .info-box { background-color: #F5F5F7; border-radius: 12px; padding: 0 20px; margin: 25px 0; text-align: left; }
.info-row { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #E5E5EA; /* Separator line */ font-size: 15px; }
.info-row:last-child { border-bottom: none; }
.label { color: #1D1D1F; font-weight: 500; }
.value { color: #86868B; }
/* Storage Progress Bar */ .progress-wrapper { padding: 20px 0; border-bottom: 1px solid #E5E5EA; }
.progress-labels { display: flex; justify-content: space-between; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.progress-labels .used { color: #FF3B30; /* Red for critical capacity */ } .progress-labels .total { color: #86868B; }
.progress-bar-bg { height: 8px; background-color: #E5E5EA; border-radius: 4px; overflow: hidden; }
.progress-bar-fill { height: 100%; width: 98%; background-color: #FF3B30; /* System Red */ border-radius: 4px; }
/* System Blue Button - Incentive focused */ .btn { display: inline-block; background-color: #0071E3; /* System Blue */ color: #FFFFFF; text-decoration: none; padding: 14px 30px; border-radius: 980px; /* Pill shape */ font-size: 16px; font-weight: 600; margin-top: 5px; width: 80%; box-sizing: border-box; box-shadow: 0 4px 14px rgba(0, 113, 227, 0.4); transition: transform 0.2s, opacity 0.2s; }
.btn:hover { opacity: 0.9; transform: scale(1.02); }
.caption { font-size: 13px; color: #86868B; margin-top: 20px; line-height: 1.5; max-width: 95%; margin-left: auto; margin-right: auto; }
.highlight-box { background-color: #F2F9FF; border: 1px solid #0071E3; color: #0071E3; padding: 10px; border-radius: 8px; font-size: 14px; font-weight: 600; margin-top: 15px; }
/* Footer */ .footer { margin-top: 35px; text-align: center; font-size: 12px; color: #86868B; line-height: 1.6; }
.footer a { color: #515154; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
<!-- Generic Header --> Cloud Services
<!-- Icon imitating an App Icon with badge --> â˜ï¸ !
<!-- Pre-emptive strike headline --> Storage Almost Full
<!-- Warning banner --> âš ï¸ Action needed to prevent sync disruption <!-- Disruption angle copy --> Your 50 GB Storage Plan is at 98% capacity. Once full, your device will no longer back up photos, save new files, or receive incoming emails. <!-- System Style Info List with Progress Bar --> 49.2 GB Used 50 GB Total Recommended Plan 200 GB Premium 🎠Exclusive Offer: 50% off your first 3 months
<!-- Value-driven Call to Action --> Upgrade to 200 GB Storage
Secure your files and continue syncing your photos seamlessly. This promotional upgrade offer expires in 24 hours.
Sent by Cloud Services Inc.
4563 Cloud Way, Server City, CA. Unsubscribe
<!DOCTYPE html>
Urgent: Cloud Storage Almost Full /* System Font Stack - mimics the native OS font of the user's device */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: #F5F5F7; /* System Light Grey */ margin: 0; padding: 40px 20px; color: #1D1D1F; -webkit-font-smoothing: antialiased; }
.email-wrapper { max-width: 500px; margin: 0 auto; }
/* Top Header */ .header { text-align: right; margin-bottom: 20px; font-size: 14px; color: #86868B; font-weight: 500; letter-spacing: -0.01em; }
/* Main Card Design */ .card { background-color: #FFFFFF; border-radius: 20px; /* Premium rounded corners */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); padding: 45px 40px; text-align: center; }
/* Icon mimicking an App Icon */ .icon-container { width: 72px; height: 72px; background: linear-gradient(180deg, #63a4ff 0%, #1976D2 100%); border-radius: 16px; /* Squircle shape */ margin: 0 auto 25px auto; display: flex; align-items: center; justify-content: center; font-size: 36px; color: white; box-shadow: 0 4px 12px rgba(25, 118, 210, 0.2); position: relative; }
/* Notification Badge - Orange for 'Warning/Almost Full' */ .badge { position: absolute; top: -6px; right: -6px; background-color: #FF9500; /* System Orange */ color: white; font-size: 16px; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid #FFFFFF; font-weight: 700; box-shadow: 0 2px 5px rgba(255, 149, 0, 0.3); }
/* Alert Banner */ .alert-banner { background-color: rgba(255, 149, 0, 0.08); color: #FF9500; padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 600; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 8px; }
/* Typography */ h1 { font-size: 26px; font-weight: 700; margin: 0 0 12px 0; color: #1D1D1F; letter-spacing: -0.02em; }
p { font-size: 16px; line-height: 1.5; color: #424245; margin-bottom: 25px; font-weight: 400; }
/* iOS-style List/Menu */ .info-box { background-color: #F5F5F7; border-radius: 12px; padding: 0 20px; margin: 25px 0; text-align: left; }
.info-row { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #E5E5EA; /* Separator line */ font-size: 15px; }
.info-row:last-child { border-bottom: none; }
.label { color: #1D1D1F; font-weight: 500; }
.value { color: #86868B; }
/* Storage Progress Bar */ .progress-wrapper { padding: 20px 0; border-bottom: 1px solid #E5E5EA; }
.progress-labels { display: flex; justify-content: space-between; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.progress-labels .used { color: #FF3B30; /* Red for critical capacity */ } .progress-labels .total { color: #86868B; }
.progress-bar-bg { height: 8px; background-color: #E5E5EA; border-radius: 4px; overflow: hidden; }
.progress-bar-fill { height: 100%; width: 98%; background-color: #FF3B30; /* System Red */ border-radius: 4px; }
/* System Blue Button - Incentive focused */ .btn { display: inline-block; background-color: #0071E3; /* System Blue */ color: #FFFFFF; text-decoration: none; padding: 14px 30px; border-radius: 980px; /* Pill shape */ font-size: 16px; font-weight: 600; margin-top: 5px; width: 80%; box-sizing: border-box; box-shadow: 0 4px 14px rgba(0, 113, 227, 0.4); transition: transform 0.2s, opacity 0.2s; }
.btn:hover { opacity: 0.9; transform: scale(1.02); }
.caption { font-size: 13px; color: #86868B; margin-top: 20px; line-height: 1.5; max-width: 95%; margin-left: auto; margin-right: auto; }
.highlight-box { background-color: #F2F9FF; border: 1px solid #0071E3; color: #0071E3; padding: 10px; border-radius: 8px; font-size: 14px; font-weight: 600; margin-top: 15px; }
/* Footer */ .footer { margin-top: 35px; text-align: center; font-size: 12px; color: #86868B; line-height: 1.6; }
.footer a { color: #515154; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
<!-- Generic Header --> Cloud Services
<!-- Icon imitating an App Icon with badge --> â˜ï¸ !
<!-- Pre-emptive strike headline --> Storage Almost Full
<!-- Warning banner --> âš ï¸ Action needed to prevent sync disruption <!-- Disruption angle copy --> Your 50 GB Storage Plan is at 98% capacity. Once full, your device will no longer back up photos, save new files, or receive incoming emails. <!-- System Style Info List with Progress Bar --> 49.2 GB Used 50 GB Total Recommended Plan 200 GB Premium 🎠Exclusive Offer: 50% off your first 3 months
<!-- Value-driven Call to Action --> Upgrade to 200 GB Storage
Secure your files and continue syncing your photos seamlessly. This promotional upgrade offer expires in 24 hours.
Sent by Cloud Services Inc.
4563 Cloud Way, Server City, CA. Unsubscribe