Sujet: Your cloud storage is full. Your device data is not protected.
De: Storage Services
Date: 03 août 2026 à 12:28
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
Critical Status: Storage Full
/* General Reset */
body {
margin: 0;
padding: 0;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td {
padding: 0;
}
img {
display: block;
border: 0;
}
/* Layout */
.wrapper {
width: 100%;
padding: 20px 0;
background-color: #ffffff;
}
.container {
max-width: 420px;
width: 100%;
margin: 0 auto;
}
/* Header */
.header-table {
width: 100%;
margin-bottom: 25px;
}
.logo-text {
font-size: 17px;
font-weight: 700;
color: #000000;
}
.sub-header {
font-size: 12px;
color: #8a8a8e;
margin-top: 2px;
}
.red-dot {
height: 10px;
width: 10px;
background-color: #ff3b30;
border-radius: 50%;
display: inline-block;
}
/* Usage Stats */
.usage-row {
width: 100%;
margin-bottom: 8px;
}
.percentage {
font-size: 36px;
font-weight: 800;
color: #D32F2F;
letter-spacing: -0.5px;
}
.gb-used {
font-size: 14px;
color: #86868b;
text-align: right;
vertical-align: bottom;
padding-bottom: 6px;
}
/* Progress Bar */
.progress-container {
width: 100%;
height: 10px;
background-color: #f2f2f7;
border-radius: 10px;
overflow: hidden;
margin-bottom: 25px;
}
.progress-fill {
width: 100%;
height: 100%;
background-color: #D32F2F;
border-radius: 10px;
}
/* Alert Box */
.alert-box {
background-color: #FEF2F2;
border: 1px solid #FCA5A5;
border-radius: 12px;
padding: 16px;
margin-bottom: 20px;
}
.alert-title {
color: #991B1B;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 6px;
letter-spacing: 0.5px;
}
.alert-icon {
font-weight: bold;
font-size: 16px;
margin-right: 5px;
}
.alert-body {
color: #7F1D1D;
font-size: 13px;
line-height: 18px;
}
/* Data Grid */
.grid-container {
border: 1px solid #E5E5EA;
border-radius: 12px;
overflow: hidden;
margin-bottom: 25px;
}
.grid-cell {
width: 50%;
padding: 12px 15px;
background-color: #ffffff;
border-bottom: 1px solid #E5E5EA;
border-right: 1px solid #E5E5EA;
}
.grid-cell:last-child {
border-right: none;
}
.no-bottom {
border-bottom: none;
}
.label {
font-size: 10px;
color: #86868b;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 4px;
display: block;
letter-spacing: 0.5px;
}
.value {
font-size: 15px;
color: #1d1d1f;
font-weight: 600;
display: block;
}
.value-red {
color: #D32F2F;
font-weight: 700;
}
/* Buttons */
.btn-primary {
display: block;
width: 100%;
background-color: #0071E3;
/* Apple Blue */
color: #ffffff;
text-align: center;
padding: 14px 0;
border-radius: 12px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
box-shadow: 0 2px 5px rgba(0, 113, 227, 0.25);
}
.btn-secondary {
display: block;
width: 100%;
background-color: #E5E5EA;
/* Light Grey */
color: #000000;
text-align: center;
padding: 14px 0;
border-radius: 12px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}
/* Footer */
.footer {
text-align: center;
margin-top: 30px;
}
.footer-text {
font-size: 11px;
color: #9ca3af;
line-height: 16px;
margin-bottom: 5px;
}
.footer-link {
color: #9ca3af;
text-decoration: underline;
}
/* Mobile Adjustments */
@media screen and (max-width: 400px) {
.percentage {
font-size: 32px;
}
.grid-cell {
padding: 10px 12px;
}
}
<!-- Header -->
<!-- Cloud Icon -->
Cloud Storage
System Alert: Storage Full
<!-- Usage Stats -->
100% Full
5 GB of 5 GB Used
<!-- Progress Bar -->
<!-- Critical Alert Box -->
âš ï¸ CAPACITY LIMIT EXCEEDED
Because you've exceeded your storage plan, your documents, contacts, and device data are no longer
backing up.
<!-- Details Grid -->
STORAGE STATUS
Full
DATA AT RISK
Photos & Videos
RECOMMENDED PLAN
250 GB Monthly
ACCOUNT ACTION
Uploads Stopped
<!-- Buttons -->
Upgrade Storage
Check My Data
<!-- Footer -->
© 2026 Cloud Storage Systems Inc.
Storage notification for ID: WNNQ-9274
Unsubscribe
