403 lines
21 KiB
HTML
403 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<!-- no-design-system: декоративные фото-плашки чизкейков — CSS-градиенты в oklch, не заменяют ДС -->
|
||
<!-- Дизайн: Apple. Сохраняй все пять CSS; подробности в design.md. -->
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Чизкейк Сан-Себастьян — рецепты, виды и лайфхаки</title>
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<link rel="stylesheet" href="design-system/vibe-theme.css">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
|
||
.cheesecake-card { display: flex; flex-direction: column; gap: var(--kt-ai-space-4); }
|
||
.cheesecake-photo {
|
||
aspect-ratio: 4 / 3;
|
||
border-radius: 12px;
|
||
display: grid;
|
||
place-items: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
color: var(--kt-ai-fg-on-fill);
|
||
}
|
||
.cheesecake-photo span {
|
||
font-size: var(--kt-ai-text-lg);
|
||
font-weight: 600;
|
||
letter-spacing: 0.02em;
|
||
z-index: 1;
|
||
}
|
||
.cheesecake-photo::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 0;
|
||
background:
|
||
radial-gradient(120% 90% at 30% 20%, color-mix(in oklab, white 35%, transparent), transparent 55%),
|
||
radial-gradient(90% 70% at 75% 80%, color-mix(in oklab, black 18%, transparent), transparent 60%);
|
||
pointer-events: none;
|
||
}
|
||
.cheesecake-photo.photo-1 { background: linear-gradient(135deg, oklch(0.86 0.15 85) 0%, oklch(0.72 0.17 65) 60%, oklch(0.55 0.14 55) 100%); }
|
||
.cheesecake-photo.photo-2 { background: linear-gradient(135deg, oklch(0.88 0.13 75) 0%, oklch(0.75 0.15 70) 55%, oklch(0.60 0.14 60) 100%); }
|
||
.cheesecake-photo.photo-3 { background: linear-gradient(135deg, oklch(0.85 0.11 60) 0%, oklch(0.70 0.14 55) 55%, oklch(0.50 0.16 45) 100%); }
|
||
.cheesecake-photo.photo-4 { background: linear-gradient(135deg, oklch(0.95 0.07 95) 0%, oklch(0.80 0.11 80) 55%, oklch(0.62 0.13 65) 100%); }
|
||
.cheesecake-photo.photo-5 { background: linear-gradient(135deg, oklch(0.70 0.12 70) 0%, oklch(0.52 0.14 55) 55%, oklch(0.37 0.12 45) 100%); }
|
||
.cheesecake-photo.photo-6 { background: linear-gradient(135deg, oklch(0.88 0.11 80) 0%, oklch(0.70 0.14 65) 55%, oklch(0.52 0.13 55) 100%); }
|
||
.cheesecake-photo.photo-7 { background: linear-gradient(135deg, oklch(0.84 0.15 70) 0%, oklch(0.66 0.16 55) 55%, oklch(0.45 0.13 45) 100%); }
|
||
.cheesecake-photo.photo-8 { background: linear-gradient(135deg, oklch(0.93 0.08 85) 0%, oklch(0.77 0.11 70) 55%, oklch(0.58 0.12 60) 100%); }
|
||
|
||
.cheesecake-photo span { text-shadow: 0 1px 10px color-mix(in oklab, black 25%, transparent); }
|
||
|
||
.recipe-meta { display: flex; flex-wrap: wrap; gap: var(--kt-ai-space-2); }
|
||
.tags-list { display: flex; flex-wrap: wrap; gap: var(--kt-ai-space-2); margin-top: var(--kt-ai-space-3); margin-inline: 0; padding: 0; list-style: none; }
|
||
.tags-list li {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: var(--kt-ai-space-2);
|
||
padding: var(--kt-ai-space-3) var(--kt-ai-space-4);
|
||
background: var(--kt-ai-bg);
|
||
border: 1px solid var(--kt-ai-border);
|
||
border-radius: 8px;
|
||
font-size: var(--kt-ai-text-sm);
|
||
line-height: 1.45;
|
||
}
|
||
.tags-list li b { white-space: nowrap; }
|
||
|
||
.compare-table { width: 100%; border-collapse: collapse; margin-top: var(--kt-ai-space-5); }
|
||
.compare-table th, .compare-table td {
|
||
padding: var(--kt-ai-space-3) var(--kt-ai-space-4);
|
||
text-align: left;
|
||
border-bottom: 1px solid var(--kt-ai-border);
|
||
font-size: var(--kt-ai-text-sm);
|
||
vertical-align: top;
|
||
}
|
||
.compare-table th { font-weight: 600; }
|
||
.compare-table tr:last-child td { border-bottom: none; }
|
||
|
||
.tip-num {
|
||
display: inline-grid;
|
||
place-items: center;
|
||
width: 28px; height: 28px;
|
||
border-radius: 50%;
|
||
background: var(--kt-ai-primary);
|
||
color: var(--kt-ai-fg-on-fill);
|
||
font-size: var(--kt-ai-text-sm);
|
||
font-weight: 600;
|
||
flex: none;
|
||
}
|
||
.lifestyle {
|
||
display: flex; flex-direction: column;
|
||
padding: var(--kt-ai-space-6);
|
||
gap: var(--kt-ai-space-3);
|
||
}
|
||
.hero-sub { max-width: 72ch; margin-inline: auto; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<strong>Чизкейк Сан-Себастьян</strong>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#creamy">Со сливками</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#light">Без сливок</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#tips">Лайфхаки</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>Чизкейк, который прощает всё</h1>
|
||
<p class="kt-ai-hero-sub hero-sub">Классический сан-себастьян: без корки, с тёмной карамельной корочкой и текучим сердцем. Ниже — 8 видов с фото, со сливками и без, плюс 10 лайфхаков.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#creamy">Со сливками</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#light">Без сливок</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="creamy" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Со сливками — кремовые и насыщенные</h2>
|
||
<p>Классика жанра: сливки 30–38% дают плотную, тающую текстуру. Именно этот вариант ассоциируется с оригиналом.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-1"><span>Классический</span></div>
|
||
<div>
|
||
<h3>1. Классический с 33% сливками</h3>
|
||
<p>Оригинал: сливки, cream cheese, сахар, яйца, минимальная ваниль. Без корки, на водяной бане.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">60 мин</span>
|
||
<span class="kt-ai-chip">160 °C</span>
|
||
<span class="kt-ai-chip">20 см</span>
|
||
<span class="kt-ai-chip">10 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
1 кг cream cheese · 400 мл 33% сливок · 150 г сахара · 5 яиц · 1 ч. л. ванили · 40 г муки.
|
||
Взбивать до однородности, не вводя воздух, запекать на водяной бане 50–60 мин до румяной корки.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-2"><span>Сливочный 38%</span></div>
|
||
<div>
|
||
<h3>2. Сливочный на 38% сливках</h3>
|
||
<p>Максимально нежный, почти тает. Для тех, кто любит «сырную» текстуру без кислинки.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">70 мин</span>
|
||
<span class="kt-ai-chip">155 °C</span>
|
||
<span class="kt-ai-chip">20 см</span>
|
||
<span class="kt-ai-chip">10 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
1 кг cream cheese · 500 мл 38% сливок · 130 г сахара · 5 яиц · 2 ч. л. ванили · 20 г кукурузного крахмала.
|
||
Крахмал стабилизирует текстуру, корка глянцевая.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-3"><span>С фисташками</span></div>
|
||
<div>
|
||
<h3>3. Сливочный с фисташками</h3>
|
||
<p>Фисташковая паста в тесте и сверху: ореховая горчинка подчеркивает сладость сливок.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">75 мин</span>
|
||
<span class="kt-ai-chip">160 °C</span>
|
||
<span class="kt-ai-chip">20 см</span>
|
||
<span class="kt-ai-chip">10 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
База — как в классике, 60 г фисташковой пасты. Сверху — 80 г рубленых фисташек и 20 г карамели за 10 минут до конца.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-4"><span>Double-cream</span></div>
|
||
<div>
|
||
<h3>4. Double-cream: сливки + mascarpone</h3>
|
||
<p>Очень плотный, почти сывороточный. Держит форму на второй день лучше всех.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">80 мин</span>
|
||
<span class="kt-ai-chip">150 °C</span>
|
||
<span class="kt-ai-chip">22 см</span>
|
||
<span class="kt-ai-chip">12 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
700 г cream cheese · 300 г mascarpone · 350 мл сливок 33% · 140 г сахара · 5 яиц · 50 г муки.
|
||
Выпекать дольше и при меньшей температуре — сердцевина остаётся текучей.
|
||
</p>
|
||
</article>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="light" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Без сливок — легче, но с характером</h2>
|
||
<p>Для тех, кто считает калории или хочет более «чистый» вкус сыра. Текстура чуть плотнее, но карамельная шапка и текучее ядро на месте.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-5"><span>Кисломолочный</span></div>
|
||
<div>
|
||
<h3>5. На йогурте 10%</h3>
|
||
<p>Лёгкий, не приторный, с приятной кислинкой. По калориям заметно ниже классики.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">60 мин</span>
|
||
<span class="kt-ai-chip">160 °C</span>
|
||
<span class="kt-ai-chip">20 см</span>
|
||
<span class="kt-ai-chip">10 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
900 г cream cheese · 300 г натурального йогурта 10% · 120 г сахара · 4 яйца · 60 г муки.
|
||
Без сливок — текстура плотнее, подаём с ягодами.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-6"><span>Творожно-йогуртовый</span></div>
|
||
<div>
|
||
<h3>6. Творожно-йогуртовый</h3>
|
||
<p>Сочетание cream cheese и обезжиренного творога даёт лёгкую «зернистость», как у тирамису.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">65 мин</span>
|
||
<span class="kt-ai-chip">160 °C</span>
|
||
<span class="kt-ai-chip">20 см</span>
|
||
<span class="kt-ai-chip">8 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
600 г cream cheese · 400 г творога 0% · 200 г греческого йогурта · 130 г сахара · 4 яйца · 50 г крахмала.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-7"><span>Банановый</span></div>
|
||
<div>
|
||
<h3>7. Банановый без сливок</h3>
|
||
<p>Банановое пюре частично заменяет сыр и даёт естественную сладость — сахара меньше.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">60 мин</span>
|
||
<span class="kt-ai-chip">160 °C</span>
|
||
<span class="kt-ai-chip">18 см</span>
|
||
<span class="kt-ai-chip">8 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
800 г cream cheese · 300 г бананового пюре (2 спелых банана) · 90 г сахара · 4 яйца · 40 г кукурузного крахмала · щепотка корицы.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card cheesecake-card">
|
||
<div class="cheesecake-photo photo-8"><span>Кокосовый</span></div>
|
||
<div>
|
||
<h3>8. Кокосовый (веган)</h3>
|
||
<p>Густое кокосовое молоко даёт кремовость без коровьих сливок. Веган-вариант без яиц.</p>
|
||
</div>
|
||
<div class="recipe-meta">
|
||
<span class="kt-ai-chip">70 мин</span>
|
||
<span class="kt-ai-chip">155 °C</span>
|
||
<span class="kt-ai-chip">18 см</span>
|
||
<span class="kt-ai-chip">6 порций</span>
|
||
</div>
|
||
<p style="font-size:var(--kt-ai-text-sm);opacity:0.85">
|
||
500 г кокосового cream cheese · 300 мл кокосового молока · 100 г тростникового сахара · 3 ст. л. агавы · 60 г кокосовой стружки.
|
||
</p>
|
||
</article>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="compare" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Со сливками и без — что выбрать</h2>
|
||
<p>Два лагеря, две текстуры. Коротко о различиях, чтобы выбрать под настроение.</p>
|
||
</div>
|
||
<div class="kt-ai-card" style="margin-top:var(--kt-ai-space-6);padding:var(--kt-ai-space-6)">
|
||
<table class="compare-table">
|
||
<thead>
|
||
<tr><th>Критерий</th><th>Со сливками</th><th>Без сливок</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>Текстура</td><td>Текучая, тающая</td><td>Плотная, упругая</td></tr>
|
||
<tr><td>Калории (1 кусок)</td><td>380–480 ккал</td><td>250–320 ккал</td></tr>
|
||
<tr><td>Вкус</td><td>Сливочный, насыщенный</td><td>Свежий, с кислинкой</td></tr>
|
||
<tr><td>Держит форму</td><td>2 дня</td><td>3–4 дня</td></tr>
|
||
<tr><td>С чем подать</td><td>Ягоды, черносмородиновый сорбет</td><td>Кокос, мёд, банан</td></tr>
|
||
<tr><td>Для кого</td><td>Торжественный ужин, гости</td><td>Ежедневный десерт, контроль веса</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="tips" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Лайфхаки: 10 секретов идеального чизкейка</h2>
|
||
<p>Всё, что сработало за десятки попыток — от трещин до идеальной корочки.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" data-cols="2" style="margin-top:var(--kt-ai-space-9)">
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">1</div>
|
||
<h3>Комнатная температура — всё</h3>
|
||
<p>Сыр, яйца, сливки или йогурт выкладываем за 1,5–2 часа до начала. Если всё холодное — смесь не взобьётся однородно, потом будут «карманы» посередине.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">2</div>
|
||
<h3>Не взбивать сильно</h3>
|
||
<p>Миксер на средней скорости 30–40 секунд на порцию. Чем больше воздуха в тесте, тем больше трещин после выпечки и тем «пусто» на вкус.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">3</div>
|
||
<h3>Водяная баня обязательна</h3>
|
||
<p>Форма с чизкейком в большую форму, туда же на 2–3 см горячую воду. Так температура равномерная, корка не пересушится, середина остаётся текучей. Держать в бане до конца.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">4</div>
|
||
<h3>Не доводить до готовности</h3>
|
||
<p>В центре при выключенной духовке должна быть «жидкая сердцевина». Он доедает размер на остывании: за ночь структура становится плотной. Довожен = пережог.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">5</div>
|
||
<h3>Холодильник — 12 часов минимум</h3>
|
||
<p>После духовки — в холодильник на ночь. Утром можно резать. Если резать сразу, край осыпется. Минимум — 6 часов.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">6</div>
|
||
<h3>Тёмная верхушка — ок</h3>
|
||
<p>Карамельная шапка — фишка именно этого рецепта. Если боится, прикройте форму фольгой на последние 15 минут. Но лёгкое «подгорание» — это то, ради чего мы здесь.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">7</div>
|
||
<h3>Форма с закрывающимся дном</h3>
|
||
<p>Кольцо из пергамента или разъёмная форма. Если дно не герметично — водяная баня поднимет сыр, и весь чизкейк превратится в кашу. Проверяй перед закладкой.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">8</div>
|
||
<h3>Меньше сахара</h3>
|
||
<p>130–150 г на 1 кг сыра. Больше — карамельная шапка, но середина будет «сиропной». Меньше — текстура плотнее, вкус свежее.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">9</div>
|
||
<h3>Мука — только 20–40 г</h3>
|
||
<p>Нужна для лёгкой связки, не для «пирожности». При использовании муки — обязательно просеять, иначе будут комочки.</p>
|
||
</article>
|
||
|
||
<article class="kt-ai-card lifestyle">
|
||
<div class="tip-num">10</div>
|
||
<h3>Финиш: ягода к сливочному</h3>
|
||
<p>Сливочный чизкейк подают с ягодами: кислота ягод бьёт по сладости крема. Это классика из ресторана San Sebastián.</p>
|
||
</article>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="cta" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Какой ваш вариант?</h2>
|
||
<p>Со сливками — для торжества, без — на каждый день. Попробуйте оба — разница в 100 ккал того стоит, а текстура — даже больше.</p>
|
||
<ul class="tags-list" style="justify-content:center; list-style:none">
|
||
<li><b>Начните:</b> с классики (№1)</li>
|
||
<li><b>Лайфхак:</b> форма с закрывающимся дном</li>
|
||
<li><b>Подача:</b> с черносмородиновым сорбетом</li>
|
||
<li><b>Размер:</b> 18–22 см, водяная баня</li>
|
||
<li><b>Хранение:</b> 3–4 дня в холодильнике</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Чизкейк Сан-Себастьян. Все права на вкус сохранены.</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>8 рецептов · 10 лайфхаков</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|