Sujet: Subscription expired. Your files may be deleted after 30 days.
De: Account Services
Date: 20 juillet 2026 à 13:45
<!DOCTYPE html>
Cloud Storage Alert
/* 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.04);
padding: 45px 40px;
text-align: center;
}
/* Icon mimicking an App Icon */
.icon-container {
width: 72px;
height: 72px;
/* Generic Blue Cloud Gradient */
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 */
.badge {
position: absolute;
top: -6px;
right: -6px;
background-color: #FF3B30; /* System Red */
color: white;
font-size: 14px;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #FFFFFF;
font-weight: 700;
}
/* 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; /* Slightly softer black */
margin-bottom: 25px;
font-weight: 400;
}
/* iOS-style List/Menu */
.info-box {
background-color: #F5F5F7;
border-radius: 12px;
padding: 0 20px;
margin: 30px 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;
}
.value-red {
color: #FF3B30;
font-weight: 500;
}
/* System Blue Button */
.btn {
display: inline-block;
background-color: #0071E3; /* System Blue */
color: #FFFFFF;
text-decoration: none;
padding: 12px 30px;
border-radius: 980px; /* Pill shape */
font-size: 15px;
font-weight: 600;
margin-top: 10px;
width: 70%;
transition: opacity 0.2s;
}
.btn:hover {
opacity: 0.9;
}
.caption {
font-size: 12px;
color: #86868B;
margin-top: 30px;
line-height: 1.4;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
/* Footer */
.footer {
margin-top: 35px;
text-align: center;
font-size: 11px;
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 -->
â˜ï¸
1
Subscription Expired
Your 250 GB Storage Plan has expired and automatic renewal was not successful.
<!-- System Style Info List -->
Plan
250 GB Cloud Storage
Status
Inactive
Total Due
$2.99
Renew Subscription
To prevent data loss, please update your billing information. Inactive accounts may be subject to deletion after 30 days.
Sent by Cloud Services Inc.
4563 Cloud Way, Server City, CA.
Unsubscribe
Original post
