439 lines
26 KiB
HTML
439 lines
26 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<style data-brand-fonts>
|
|
@font-face {
|
|
font-family: "Cormorant Garamond";
|
|
src: url("../../fonts/cormorant-garamond-300-italic.woff2") format("woff2");
|
|
font-weight: 300;
|
|
font-style: italic;
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Cormorant Garamond";
|
|
src: url("../../fonts/cormorant-garamond-400-italic.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Cormorant Garamond";
|
|
src: url("../../fonts/cormorant-garamond-300.woff2") format("woff2");
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Cormorant Garamond";
|
|
src: url("../../fonts/cormorant-garamond-400.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Cormorant Garamond";
|
|
src: url("../../fonts/cormorant-garamond-600.woff2") format("woff2");
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Tenor Sans";
|
|
src: url("../../fonts/tenor-sans-400.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
font-display: swap;
|
|
}
|
|
</style>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Свобода. Практика. Простота — from Malenia</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap" />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap" />
|
|
<style>
|
|
:root {
|
|
--brand-color-primary: #c9a84c;
|
|
--brand-color-primary-bg: #fffef0;
|
|
--brand-color-primary-bg-hover: #fcfaed;
|
|
--brand-color-primary-border: #f0eace;
|
|
--brand-color-primary-border-hover: #e3d69f;
|
|
--brand-color-primary-hover: #d6bf74;
|
|
--brand-color-primary-active: #a38336;
|
|
--brand-color-primary-text: #573e14;
|
|
--brand-color-success: #52c41a;
|
|
--brand-color-success-bg: #f6ffed;
|
|
--brand-color-success-border: #b6eb8f;
|
|
--brand-color-success-hover: #72d13d;
|
|
--brand-color-success-active: #389e0d;
|
|
--brand-color-warning: #faad14;
|
|
--brand-color-warning-bg: #fffbe6;
|
|
--brand-color-warning-border: #ffe58f;
|
|
--brand-color-warning-hover: #ffc53d;
|
|
--brand-color-warning-active: #d48806;
|
|
--brand-color-error: #ff4d4f;
|
|
--brand-color-error-bg: #fff2f0;
|
|
--brand-color-error-border: #ffccc7;
|
|
--brand-color-error-hover: #ff7875;
|
|
--brand-color-error-active: #d9363d;
|
|
--brand-color-info: #c9a84c;
|
|
--brand-color-info-bg: #fffef0;
|
|
--brand-color-info-border: #f0eace;
|
|
--brand-color-link: #c9a84c;
|
|
--brand-color-link-hover: #d6bf74;
|
|
--brand-color-link-active: #a38336;
|
|
--brand-color-text: #35312b;
|
|
--brand-color-text-secondary: #68655f;
|
|
--brand-color-text-tertiary: #95928c;
|
|
--brand-color-text-quaternary: #c2bfba;
|
|
--brand-color-fill: #d8d5d0;
|
|
--brand-color-fill-secondary: #ede9e4;
|
|
--brand-color-fill-tertiary: #f1eee9;
|
|
--brand-color-fill-quaternary: #f6f3ed;
|
|
--brand-color-bg-layout: #f1eee9;
|
|
--brand-color-bg-container: #faf7f2;
|
|
--brand-color-bg-elevated: #faf7f2;
|
|
--brand-color-border: #d8d5d0;
|
|
--brand-color-border-secondary: #ede9e4;
|
|
--brand-font-family: 'Tenor Sans', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
--brand-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
--brand-font-size: 14px;
|
|
--brand-font-size-sm: 12px;
|
|
--brand-font-size-lg: 18px;
|
|
--brand-font-size-xl: 22px;
|
|
--brand-font-size-heading-1: 38px;
|
|
--brand-font-size-heading-2: 32px;
|
|
--brand-font-size-heading-3: 26px;
|
|
--brand-font-size-heading-4: 22px;
|
|
--brand-font-size-heading-5: 18px;
|
|
--brand-line-height: 1.5714285714285714;
|
|
--brand-line-height-heading: 1.25;
|
|
--brand-font-weight-strong: 600;
|
|
--brand-size-xxs: 4px;
|
|
--brand-size-xs: 8px;
|
|
--brand-size-sm: 12px;
|
|
--brand-size: 16px;
|
|
--brand-size-md: 20px;
|
|
--brand-size-lg: 24px;
|
|
--brand-size-xl: 32px;
|
|
--brand-size-xxl: 48px;
|
|
--brand-border-radius-xs: 3px;
|
|
--brand-border-radius-sm: 5px;
|
|
--brand-border-radius: 8px;
|
|
--brand-border-radius-lg: 10px;
|
|
--brand-line-width: 1px;
|
|
--brand-control-height-xs: 16px;
|
|
--brand-control-height-sm: 24px;
|
|
--brand-control-height: 32px;
|
|
--brand-control-height-lg: 40px;
|
|
--brand-motion-duration-fast: 0.1s;
|
|
--brand-motion-duration-mid: 0.2s;
|
|
--brand-motion-duration-slow: 0.3s;
|
|
--brand-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
--brand-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
--brand-primary-palette-1: #fffef0;
|
|
--brand-primary-palette-2: #fcfaed;
|
|
--brand-primary-palette-3: #f0eace;
|
|
--brand-primary-palette-4: #e3d69f;
|
|
--brand-primary-palette-5: #d6bf74;
|
|
--brand-primary-palette-6: #c9a84c;
|
|
--brand-primary-palette-7: #a38336;
|
|
--brand-primary-palette-8: #7d5f23;
|
|
--brand-primary-palette-9: #573e14;
|
|
--brand-primary-palette-10: #30210b;
|
|
--brand-presets-red-1: #fff1f0;
|
|
--brand-presets-red-2: #ffcbc7;
|
|
--brand-presets-red-3: #ffa39e;
|
|
--brand-presets-red-4: #ff7775;
|
|
--brand-presets-red-5: #ff4d50;
|
|
--brand-presets-red-6: #f5222d;
|
|
--brand-presets-red-7: #cf1323;
|
|
--brand-presets-red-8: #a8071a;
|
|
--brand-presets-red-9: #820014;
|
|
--brand-presets-red-10: #5c0011;
|
|
--brand-presets-volcano-1: #fff2e8;
|
|
--brand-presets-volcano-2: #ffd8bf;
|
|
--brand-presets-volcano-3: #ffbb96;
|
|
--brand-presets-volcano-4: #ff9c6e;
|
|
--brand-presets-volcano-5: #ff7a45;
|
|
--brand-presets-volcano-6: #fa541c;
|
|
--brand-presets-volcano-7: #d4380d;
|
|
--brand-presets-volcano-8: #ad2202;
|
|
--brand-presets-volcano-9: #871500;
|
|
--brand-presets-volcano-10: #610c00;
|
|
--brand-presets-orange-1: #fff7e6;
|
|
--brand-presets-orange-2: #ffe7ba;
|
|
--brand-presets-orange-3: #ffd591;
|
|
--brand-presets-orange-4: #ffc069;
|
|
--brand-presets-orange-5: #ffa940;
|
|
--brand-presets-orange-6: #fa8c16;
|
|
--brand-presets-orange-7: #d46b08;
|
|
--brand-presets-orange-8: #ad4e00;
|
|
--brand-presets-orange-9: #873800;
|
|
--brand-presets-orange-10: #612500;
|
|
--brand-presets-gold-1: #fffbe6;
|
|
--brand-presets-gold-2: #fff1b8;
|
|
--brand-presets-gold-3: #ffe58f;
|
|
--brand-presets-gold-4: #ffd666;
|
|
--brand-presets-gold-5: #ffc53d;
|
|
--brand-presets-gold-6: #faad14;
|
|
--brand-presets-gold-7: #d48806;
|
|
--brand-presets-gold-8: #ad6800;
|
|
--brand-presets-gold-9: #874c00;
|
|
--brand-presets-gold-10: #613400;
|
|
--brand-presets-yellow-1: #feffe6;
|
|
--brand-presets-yellow-2: #ffffb8;
|
|
--brand-presets-yellow-3: #fffb8f;
|
|
--brand-presets-yellow-4: #fff566;
|
|
--brand-presets-yellow-5: #ffeb3d;
|
|
--brand-presets-yellow-6: #fadb14;
|
|
--brand-presets-yellow-7: #d4b106;
|
|
--brand-presets-yellow-8: #ad8a00;
|
|
--brand-presets-yellow-9: #876700;
|
|
--brand-presets-yellow-10: #614700;
|
|
--brand-presets-lime-1: #fcffe6;
|
|
--brand-presets-lime-2: #f4ffb8;
|
|
--brand-presets-lime-3: #eaff8f;
|
|
--brand-presets-lime-4: #d3f261;
|
|
--brand-presets-lime-5: #bae637;
|
|
--brand-presets-lime-6: #a0d911;
|
|
--brand-presets-lime-7: #7bb305;
|
|
--brand-presets-lime-8: #5b8c00;
|
|
--brand-presets-lime-9: #3f6600;
|
|
--brand-presets-lime-10: #254000;
|
|
--brand-presets-green-1: #f6ffed;
|
|
--brand-presets-green-2: #d9f7be;
|
|
--brand-presets-green-3: #b6eb8f;
|
|
--brand-presets-green-4: #94de64;
|
|
--brand-presets-green-5: #72d13d;
|
|
--brand-presets-green-6: #52c41a;
|
|
--brand-presets-green-7: #389e0d;
|
|
--brand-presets-green-8: #227804;
|
|
--brand-presets-green-9: #135200;
|
|
--brand-presets-green-10: #092b00;
|
|
--brand-presets-cyan-1: #e6fffb;
|
|
--brand-presets-cyan-2: #b5f5ec;
|
|
--brand-presets-cyan-3: #87e8de;
|
|
--brand-presets-cyan-4: #5cdbd3;
|
|
--brand-presets-cyan-5: #36cfc9;
|
|
--brand-presets-cyan-6: #13c2c2;
|
|
--brand-presets-cyan-7: #08979c;
|
|
--brand-presets-cyan-8: #006d75;
|
|
--brand-presets-cyan-9: #00474f;
|
|
--brand-presets-cyan-10: #002329;
|
|
--brand-presets-blue-1: #e6f4ff;
|
|
--brand-presets-blue-2: #bae0ff;
|
|
--brand-presets-blue-3: #91caff;
|
|
--brand-presets-blue-4: #69b1ff;
|
|
--brand-presets-blue-5: #4096ff;
|
|
--brand-presets-blue-6: #1677ff;
|
|
--brand-presets-blue-7: #0958d9;
|
|
--brand-presets-blue-8: #003eb3;
|
|
--brand-presets-blue-9: #002c8c;
|
|
--brand-presets-blue-10: #001d66;
|
|
--brand-presets-geekblue-1: #f0f5ff;
|
|
--brand-presets-geekblue-2: #d6e4ff;
|
|
--brand-presets-geekblue-3: #adc6ff;
|
|
--brand-presets-geekblue-4: #85a5ff;
|
|
--brand-presets-geekblue-5: #597df7;
|
|
--brand-presets-geekblue-6: #2f54eb;
|
|
--brand-presets-geekblue-7: #1d39c4;
|
|
--brand-presets-geekblue-8: #10229e;
|
|
--brand-presets-geekblue-9: #061178;
|
|
--brand-presets-geekblue-10: #030852;
|
|
--brand-presets-purple-1: #f9f0ff;
|
|
--brand-presets-purple-2: #efdbff;
|
|
--brand-presets-purple-3: #d4adf7;
|
|
--brand-presets-purple-4: #b37feb;
|
|
--brand-presets-purple-5: #9254de;
|
|
--brand-presets-purple-6: #722ed1;
|
|
--brand-presets-purple-7: #531dab;
|
|
--brand-presets-purple-8: #391085;
|
|
--brand-presets-purple-9: #22075e;
|
|
--brand-presets-purple-10: #120338;
|
|
--brand-presets-magenta-1: #fff0f6;
|
|
--brand-presets-magenta-2: #ffd6e7;
|
|
--brand-presets-magenta-3: #ffadd2;
|
|
--brand-presets-magenta-4: #ff85bf;
|
|
--brand-presets-magenta-5: #f759aa;
|
|
--brand-presets-magenta-6: #eb2f96;
|
|
--brand-presets-magenta-7: #c41d7e;
|
|
--brand-presets-magenta-8: #9e1067;
|
|
--brand-presets-magenta-9: #780650;
|
|
--brand-presets-magenta-10: #520339;
|
|
--brand-presets-grey-1: #a6a6a6;
|
|
--brand-presets-grey-2: #999999;
|
|
--brand-presets-grey-3: #8c8c8c;
|
|
--brand-presets-grey-4: #808080;
|
|
--brand-presets-grey-5: #737373;
|
|
--brand-presets-grey-6: #666666;
|
|
--brand-presets-grey-7: #404040;
|
|
--brand-presets-grey-8: #1a1a1a;
|
|
--brand-presets-grey-9: #000000;
|
|
--brand-presets-grey-10: #000000;
|
|
}
|
|
:root { --display-family: 'Cormorant Garamond', serif, var(--brand-font-family); }
|
|
* { box-sizing: border-box; }
|
|
html, body { margin: 0; padding: 0; }
|
|
body {
|
|
font-family: var(--brand-font-family);
|
|
font-size: var(--brand-font-size);
|
|
line-height: var(--brand-line-height);
|
|
color: var(--brand-color-text);
|
|
background: var(--brand-color-bg-layout);
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
a { color: var(--brand-color-link); text-decoration: none; }
|
|
h1, h2, h3, h4 {
|
|
margin: 0;
|
|
font-family: var(--display-family);
|
|
line-height: var(--brand-line-height-heading);
|
|
font-weight: var(--brand-font-weight-strong);
|
|
color: var(--brand-color-text);
|
|
overflow-wrap: break-word;
|
|
}
|
|
p { margin: 0; overflow-wrap: break-word; }
|
|
img, svg { max-width: 100%; display: block; }
|
|
.wrap { max-width: 1120px; margin: 0 auto; padding-left: clamp(20px, 4vw, 40px); padding-right: clamp(20px, 4vw, 40px); }
|
|
.kicker {
|
|
display: block;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.14em;
|
|
font-size: var(--brand-font-size-sm);
|
|
font-weight: var(--brand-font-weight-strong);
|
|
color: var(--brand-color-primary);
|
|
margin-bottom: var(--brand-size-sm);
|
|
}
|
|
.clamp-2, .clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
|
|
.clamp-2 { -webkit-line-clamp: 2; }
|
|
.clamp-3 { -webkit-line-clamp: 3; }
|
|
a[role="button"]{transition:filter .15s ease,transform .15s ease}
|
|
a[role="button"]:hover{filter:brightness(1.07)}
|
|
a[role="button"]:active{filter:brightness(.95);transform:translateY(0.5px)}
|
|
input:focus,textarea:focus,select:focus{border-color:var(--brand-color-primary)!important;box-shadow:0 0 0 3px var(--brand-color-primary-bg);outline:none}
|
|
details.kit-acc>summary{list-style:none;cursor:pointer}
|
|
details.kit-acc>summary::-webkit-details-marker{display:none}
|
|
details.kit-acc .kit-acc-icon{transition:transform .18s ease}
|
|
details.kit-acc[open] .kit-acc-icon{transform:rotate(45deg)}
|
|
img{border:0;outline:none;text-decoration:none;}table{border-spacing:0;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- hidden preheader: earns the open, complements the subject, never repeats it -->
|
|
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;font-size:1px;line-height:1px;color:var(--brand-color-bg-layout);opacity:0;">A minimalist, high-aesthetic brand focused on network freedom and simplicity, characterized by a luxury-leaning, archival visual language.</div>
|
|
<!-- whitespace eater so the body copy does not leak into the inbox preview -->
|
|
<div style="display:none;max-height:0;overflow:hidden;">͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ </div>
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:var(--brand-color-bg-layout);margin:0;padding:0;">
|
|
<tr>
|
|
<td align="center" style="padding:var(--brand-size-xl) var(--brand-size-md);">
|
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:600px;background:var(--brand-color-bg-container);border:var(--brand-line-width) solid var(--brand-color-border-secondary);border-radius:var(--brand-border-radius-lg);overflow:hidden;">
|
|
|
|
<!-- Header: logo only, generous whitespace, no nav -->
|
|
<tr>
|
|
<td style="padding:var(--brand-size-lg) var(--brand-size-xl);text-align:center;border-bottom:var(--brand-line-width) solid var(--brand-color-border-secondary);">
|
|
<span style="font-family:var(--display-family);font-weight:var(--brand-font-weight-strong);font-size:var(--brand-font-size-lg);letter-spacing:-0.01em;color:var(--brand-color-text);white-space:nowrap;">Malenia</span>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Hero: inverted pyramid — conclusion first, then why it matters, then the one CTA -->
|
|
<tr>
|
|
<td style="padding:var(--brand-size-xxl) var(--brand-size-xl) var(--brand-size-lg);text-align:center;background:var(--brand-color-primary-bg);">
|
|
<p style="margin:0 0 var(--brand-size-sm);font-family:var(--brand-font-family);text-transform:uppercase;letter-spacing:0.16em;font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-strong);color:var(--brand-color-primary);">Sophisticated</p>
|
|
<h1 style="margin:0 0 var(--brand-size-md);font-family:var(--display-family);font-size:var(--brand-font-size-heading-2);line-height:1.15;letter-spacing:-0.015em;color:var(--brand-color-text);">Свобода. Практика. Простота.</h1>
|
|
<p style="margin:0 auto var(--brand-size-xl);max-width:46ch;font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);line-height:1.55;color:var(--brand-color-text-secondary);">A minimalist, high-aesthetic brand focused on network freedom and simplicity, characterized by a luxury-leaning, archival visual language.</p>
|
|
<!-- the one primary CTA, above the fold -->
|
|
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;border-collapse:separate;line-height:100%;">
|
|
<tr>
|
|
<td align="center" bgcolor="var(--brand-color-primary)" style="border-radius:var(--brand-border-radius-lg);">
|
|
<a href="#" target="_blank" style="display:inline-block;min-width:200px;padding:16px var(--brand-size-xl);font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-strong);line-height:1.1;color:#ffffff;text-decoration:none;text-align:center;border-radius:var(--brand-border-radius-lg);border:2px solid var(--brand-color-primary);">Get started with Malenia</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Body: scannable, human, one idea per block -->
|
|
<tr>
|
|
<td style="padding:var(--brand-size-xl) var(--brand-size-xl) var(--brand-size-sm);">
|
|
<p style="margin:0 0 var(--brand-size-md);font-family:var(--brand-font-family);font-size:16px;line-height:1.6;color:var(--brand-color-text);">Hi there,</p>
|
|
<p style="margin:0 0 var(--brand-size-lg);font-family:var(--brand-font-family);font-size:16px;line-height:1.6;color:var(--brand-color-text-secondary);">Here is what Malenia gives your team from the first day — no migration project, no setup tax:</p>
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
|
|
<tr>
|
|
<td valign="top" style="width:40px;padding:var(--brand-size-sm) var(--brand-size-sm) var(--brand-size-sm) 0;"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:block;" aria-hidden="true"><circle cx="10" cy="10" r="9" stroke="var(--brand-color-primary)" stroke-width="1.5" opacity="0.45"/><path d="M6 10.2l2.6 2.6L14.2 7.4" stroke="var(--brand-color-primary)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></td>
|
|
<td valign="top" style="padding:var(--brand-size-sm) 0;">
|
|
<p style="margin:0 0 4px;font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-strong);color:var(--brand-color-text);line-height:1.3;">Network freedom</p>
|
|
<p style="margin:0;font-family:var(--brand-font-family);font-size:16px;color:var(--brand-color-text-secondary);line-height:1.55;">Network freedom is built into Malenia from day one — not bolted on later.</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="width:40px;padding:var(--brand-size-sm) var(--brand-size-sm) var(--brand-size-sm) 0;"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:block;" aria-hidden="true"><circle cx="10" cy="10" r="9" stroke="var(--brand-color-primary)" stroke-width="1.5" opacity="0.45"/><path d="M6 10.2l2.6 2.6L14.2 7.4" stroke="var(--brand-color-primary)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></td>
|
|
<td valign="top" style="padding:var(--brand-size-sm) 0;">
|
|
<p style="margin:0 0 4px;font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-strong);color:var(--brand-color-text);line-height:1.3;">Practical simplicity</p>
|
|
<p style="margin:0;font-family:var(--brand-font-family);font-size:16px;color:var(--brand-color-text-secondary);line-height:1.55;">Practical simplicity is built into Malenia from day one — not bolted on later.</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="width:40px;padding:var(--brand-size-sm) var(--brand-size-sm) var(--brand-size-sm) 0;"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:block;" aria-hidden="true"><circle cx="10" cy="10" r="9" stroke="var(--brand-color-primary)" stroke-width="1.5" opacity="0.45"/><path d="M6 10.2l2.6 2.6L14.2 7.4" stroke="var(--brand-color-primary)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></td>
|
|
<td valign="top" style="padding:var(--brand-size-sm) 0;">
|
|
<p style="margin:0 0 4px;font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-strong);color:var(--brand-color-text);line-height:1.3;">Aesthetic restraint</p>
|
|
<p style="margin:0;font-family:var(--brand-font-family);font-size:16px;color:var(--brand-color-text-secondary);line-height:1.55;">Aesthetic restraint is built into Malenia from day one — not bolted on later.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- One named proof point: a person beats a paragraph of adjectives -->
|
|
<tr>
|
|
<td style="padding:0 var(--brand-size-xl) var(--brand-size-lg);">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
<td style="padding:var(--brand-size-lg);background:var(--brand-color-fill-quaternary);border-left:3px solid var(--brand-color-primary);border-radius:var(--brand-border-radius);">
|
|
<p style="margin:0 0 var(--brand-size-sm);font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);line-height:1.55;color:var(--brand-color-text);">“Malenia is the first tool here that actually feels Sophisticated. It was part of our daily flow inside a week.”</p>
|
|
<p style="margin:0;font-family:var(--brand-font-family);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary);"><strong style="color:var(--brand-color-text);font-weight:var(--brand-font-weight-strong);">Maya Chen</strong> · Head of Design, Northwind</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- CTA repeated once near the end — same single action -->
|
|
<tr>
|
|
<td style="padding:var(--brand-size-sm) var(--brand-size-xl) var(--brand-size-xl);text-align:center;">
|
|
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;border-collapse:separate;line-height:100%;">
|
|
<tr>
|
|
<td align="center" bgcolor="var(--brand-color-primary)" style="border-radius:var(--brand-border-radius-lg);">
|
|
<a href="#" target="_blank" style="display:inline-block;min-width:200px;padding:16px var(--brand-size-xl);font-family:var(--brand-font-family);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-strong);line-height:1.1;color:#ffffff;text-decoration:none;text-align:center;border-radius:var(--brand-border-radius-lg);border:2px solid var(--brand-color-primary);">Get started with Malenia</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<p style="margin:var(--brand-size-md) 0 0;font-family:var(--brand-font-family);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary);line-height:1.5;">Questions? Just reply to this email — a real person reads every message.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer: working unsubscribe + physical address placeholder + brand -->
|
|
<tr>
|
|
<td style="padding:var(--brand-size-xl) var(--brand-size-xl);background:var(--brand-color-fill-quaternary);border-top:var(--brand-line-width) solid var(--brand-color-border-secondary);text-align:center;">
|
|
<p style="margin:0 0 var(--brand-size-xs);font-family:var(--brand-font-family);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary);line-height:1.5;">You are receiving this because you signed up to hear from Malenia.</p>
|
|
<p style="margin:0 0 var(--brand-size-xs);font-family:var(--brand-font-family);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary);line-height:1.5;"><a href="#" target="_blank" style="color:var(--brand-color-text-tertiary);text-decoration:underline;">Update preferences</a> · <a href="#" target="_blank" style="color:var(--brand-color-text-tertiary);text-decoration:underline;">Unsubscribe</a></p>
|
|
<p style="margin:0;font-family:var(--brand-font-family);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-quaternary);line-height:1.5;">Malenia · 100 Market Street, Suite 200 · malenia.space</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |