fix: presentation — вертикальный стек логотипа по брендбуку

This commit is contained in:
wasrusgen 2026-05-29 17:21:21 +03:00
parent d079000740
commit 91a89c8831

View File

@ -342,7 +342,7 @@
<!-- 1 TITLE --> <!-- 1 TITLE -->
<section class="slide title-slide active"> <section class="slide title-slide active">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage" style="display:flex;flex-direction:column;justify-content:center"> <div class="stage" style="display:flex;flex-direction:column;justify-content:center">
<div class="brandtag"><span class="dot"></span> @wasrusgen1 CRM · PLATFORM ARCHITECTURE</div> <div class="brandtag"><span class="dot"></span> @wasrusgen1 CRM · PLATFORM ARCHITECTURE</div>
<h1>Архитектура платформы<br><span style="color:var(--accent2)">@wasrusgen1 CRM</span></h1> <h1>Архитектура платформы<br><span style="color:var(--accent2)">@wasrusgen1 CRM</span></h1>
@ -357,7 +357,7 @@
<!-- 2 SYSTEM MAP --> <!-- 2 SYSTEM MAP -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 02 · Big picture</div> <div class="kicker">Слайд 02 · Big picture</div>
<h2>Карта системы</h2> <h2>Карта системы</h2>
@ -382,7 +382,7 @@
<!-- 3 THREE MODELS --> <!-- 3 THREE MODELS -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 03 · Стратегия</div> <div class="kicker">Слайд 03 · Стратегия</div>
<h2>Три модели управления</h2> <h2>Три модели управления</h2>
@ -415,7 +415,7 @@
<!-- 4 LIFECYCLE --> <!-- 4 LIFECYCLE -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 04 · Процесс</div> <div class="kicker">Слайд 04 · Процесс</div>
<h2>Жизненный цикл нового проекта</h2> <h2>Жизненный цикл нового проекта</h2>
@ -434,7 +434,7 @@
<!-- 5 STACK --> <!-- 5 STACK -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 05 · Технологии</div> <div class="kicker">Слайд 05 · Технологии</div>
<h2>Стек технологий</h2> <h2>Стек технологий</h2>
@ -456,7 +456,7 @@
<!-- 6 ER DIAGRAM --> <!-- 6 ER DIAGRAM -->
<section class="slide er"> <section class="slide er">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 06 · Данные</div> <div class="kicker">Слайд 06 · Данные</div>
<h2>Схема базы данных</h2> <h2>Схема базы данных</h2>
@ -493,7 +493,7 @@
<!-- 7 MASTER PANEL --> <!-- 7 MASTER PANEL -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 07 · Инструмент владельца</div> <div class="kicker">Слайд 07 · Инструмент владельца</div>
<h2>Мастер-панель Руслана</h2> <h2>Мастер-панель Руслана</h2>
@ -511,7 +511,7 @@
<!-- 8 [NEW] WHAT EACH ROLE SEES --> <!-- 8 [NEW] WHAT EACH ROLE SEES -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 08 · Интерфейсы по ролям</div> <div class="kicker">Слайд 08 · Интерфейсы по ролям</div>
<h2>Что видит каждая роль</h2> <h2>Что видит каждая роль</h2>
@ -584,7 +584,7 @@
<!-- 9 [NEW] MANAGER MOBILE --> <!-- 9 [NEW] MANAGER MOBILE -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 09 · Мобильный кабинет</div> <div class="kicker">Слайд 09 · Мобильный кабинет</div>
<h2>Менеджер: работа из телефона</h2> <h2>Менеджер: работа из телефона</h2>
@ -650,7 +650,7 @@
<!-- 10 CHECKLIST --> <!-- 10 CHECKLIST -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 10 · Onboarding</div> <div class="kicker">Слайд 10 · Onboarding</div>
<h2>Как подключить нового клиента</h2> <h2>Как подключить нового клиента</h2>
@ -671,7 +671,7 @@
<!-- 11 [EXPANDED] DATABASE & SECURITY --> <!-- 11 [EXPANDED] DATABASE & SECURITY -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 11 · Архитектура и защита</div> <div class="kicker">Слайд 11 · Архитектура и защита</div>
<h2>База данных и безопасность</h2> <h2>База данных и безопасность</h2>
@ -719,7 +719,7 @@
<!-- 12 INFRA COST --> <!-- 12 INFRA COST -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 12 · Инфраструктура</div> <div class="kicker">Слайд 12 · Инфраструктура</div>
<h2>Инфраструктура и стоимость</h2> <h2>Инфраструктура и стоимость</h2>
@ -743,7 +743,7 @@
<!-- 13 ECONOMICS --> <!-- 13 ECONOMICS -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 13 · Экономика</div> <div class="kicker">Слайд 13 · Экономика</div>
<h2>Экономика продукта · P&amp;L</h2> <h2>Экономика продукта · P&amp;L</h2>
@ -776,7 +776,7 @@
<!-- 14 ROADMAP --> <!-- 14 ROADMAP -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 14 · Roadmap</div> <div class="kicker">Слайд 14 · Roadmap</div>
<h2>Roadmap продукта</h2> <h2>Roadmap продукта</h2>
@ -806,7 +806,7 @@
<!-- 15 SLA --> <!-- 15 SLA -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 15 · Обязательства</div> <div class="kicker">Слайд 15 · Обязательства</div>
<h2>SLA и поддержка</h2> <h2>SLA и поддержка</h2>
@ -824,7 +824,7 @@
<!-- 16 NEXT STEPS --> <!-- 16 NEXT STEPS -->
<section class="slide"> <section class="slide">
<div class="slide-brand"><span style="font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:rgba(255,255,255,.7)">@wasrusgen1</span><span style="display:inline-block;width:1.5px;height:16px;background:rgba(255,255,255,.25);margin:0 10px;vertical-align:middle;flex-shrink:0"></span><span style="font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:.5px">CRM</span></div> <div class="slide-brand"><span style="display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px"><span style="font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.45)">@wasrusgen1</span><span style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1">CRM</span></span></div>
<div class="stage"> <div class="stage">
<div class="kicker">Слайд 16 · План действий</div> <div class="kicker">Слайд 16 · План действий</div>
<h2>Следующие шаги</h2> <h2>Следующие шаги</h2>