wasrusgen/zashita-brandbook
1
0
Fork 0
mirror of https://github.com/wasrusgen/zashita-brandbook.git synced 2026-06-03 15:04:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Sample docs: neutral client style, ЗАЩИТА branding in footer only

Browse Source 
All 4 sample documents redesigned — document belongs to client,
ЗАЩИТА attribution only in footer as "Подготовлено с использованием системы @wasrusgen1 | ЗАЩИТА"
This commit is contained in:
WASRUSGEN 2026-05-26 08:25:54 +03:00
parent 3606781cb7
commit abb2142540
4 changed files with 441 additions and 408 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
sample-clean.html
View File

@ -2,116 +2,123 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Образец — Чистая редакция</title> <title>Чистая редакция — образец</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#f5f4f2;color:#1a1a1a;padding:32px 16px;line-height:1.6} body{font-family:'Inter',sans-serif;background:#eee;color:#111;padding:32px 16px;line-height:1.6}
.doc{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.1)} .sample-bar{max-width:760px;margin:0 auto 8px;background:#92400e;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px;border-radius:6px;text-transform:uppercase}
.sample-bar{background:#9f1239;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;padding:7px;text-transform:uppercase} .doc{max-width:760px;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.12);padding:56px 64px 40px}
.ready-bar{background:#dcfce7;color:#16a34a;text-align:center;font-size:12px;font-weight:700;padding:9px;letter-spacing:1px} .doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #ccc}
.doc-head{padding:32px 40px 24px;border-bottom:1px solid #e8e8e8} .company-block .company-name{font-size:15px;font-weight:700}
.doc-logo img{height:22px;filter:brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(2476%) hue-rotate(323deg) brightness(90%) contrast(90%);margin-bottom:20px} .company-block .company-detail{font-size:12px;color:#666}
.doc-type{font-size:11px;font-weight:700;color:#16a34a;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px} .doc-stamp{text-align:right;font-size:12px;color:#555}
.doc-title{font-size:20px;font-weight:700;color:#111;margin-bottom:4px} .doc-stamp .stamp-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.doc-sub{font-size:13px;color:#888} .doc-stamp .stamp-line{border-bottom:1px solid #999;margin:16px 0 4px;min-width:160px}
.doc-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap} .ready-notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:10px 16px;margin-bottom:28px;font-size:12.5px;color:#166534;font-weight:600;text-align:center}
.doc-meta span{font-size:12px;color:#666} .doc-title-block{text-align:center;margin-bottom:32px}
.doc-meta b{color:#111} .doc-title-block .doc-type{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:8px}
.doc-body{padding:32px 40px} .doc-title-block h1{font-size:18px;font-weight:700;color:#111;margin-bottom:6px}
.section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e8e8e8;margin-top:24px} .doc-title-block .doc-ref{font-size:13px;color:#555}
.section-title:first-child{margin-top:0} .parties-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}
.clause{margin-bottom:14px;font-size:13.5px;line-height:1.75;color:#222} .party-box{border:1px solid #e0e0e0;border-radius:4px;padding:14px}
.clause-num{font-weight:700;color:#111}
.parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.party-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;padding:14px}
.party-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px} .party-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.party-name{font-weight:700;font-size:13px;margin-bottom:2px} .party-name{font-weight:700;font-size:13px;margin-bottom:2px}
.party-detail{font-size:12px;color:#666} .party-detail{font-size:12px;color:#666}
.sign-block{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;padding-top:24px;border-top:1px solid #e8e8e8} .section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin:24px 0 12px;padding-bottom:6px;border-bottom:1.5px solid #e0e0e0}
.sign-party{font-size:12px;color:#666} .clause{font-size:13.5px;line-height:1.75;color:#222;margin-bottom:10px}
.sign-party .party-name{font-weight:700;color:#111;font-size:13px;margin-bottom:4px} .clause-num{font-weight:700;color:#111}
.sign-line{border-top:1px solid #ccc;margin-top:32px;padding-top:6px;font-size:11px;color:#aaa} .sign-section{margin-top:40px;padding-top:24px;border-top:1px solid #ccc}
.footer{padding:20px 40px;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center} .sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer-brand{font-size:11px;color:#aaa} .sign-party .party-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.footer-brand b{color:#9f1239} .sign-party .sign-line{border-top:1px solid #999;margin-top:28px;padding-top:5px;font-size:11px;color:#888}
.back-link{font-size:12px;color:#9f1239;text-decoration:none;border:1px solid #f3d4e2;border-radius:6px;padding:5px 12px} .doc-footer{margin-top:48px;padding-top:14px;border-top:1px dashed #ddd;text-align:center;font-size:11px;color:#aaa}
.back-link:hover{background:#fdf2f8} .doc-footer span{color:#888}
@media(max-width:600px){.doc-body,.doc-head{padding:20px}.parties,.sign-block{grid-template-columns:1fr}} .back-link{display:inline-block;margin-top:16px;font-size:12px;color:#555;text-decoration:none;border:1px solid #ccc;border-radius:4px;padding:4px 12px}
@media(max-width:600px){.doc{padding:24px 20px}.doc-header,.parties-grid,.sign-grid{grid-template-columns:1fr;flex-direction:column;gap:12px}.doc-header{display:flex}.doc-stamp{text-align:left}}
</style> </style>
</head> </head>
<body> <body>
<div class="sample-bar">⚠ Образец — демонстрационное содержание</div>
<div class="doc"> <div class="doc">
<div class="sample-bar">⚠ Образец документа — содержание не является реальным заключением</div> <div class="doc-header">
<div class="ready-bar">✓ Документ готов к подписанию — все риски устранены</div> <div class="company-block">
<div class="doc-head"> <div class="company-name">ООО «Название компании»</div>
<div class="doc-logo"><img src="logos/logo-wasrusgen1-real.svg" alt="@wasrusgen1"></div> <div class="company-detail">ИНН 0000000000 · ОГРН 0000000000000</div>
<div class="doc-type">Чистая редакция</div> <div class="company-detail">г. Москва, ул. Примерная, д. 1</div>
<div class="doc-title">Агентский договор № А-2024/___</div> </div>
<div class="doc-sub">Финальная редакция · ЗАЩИТА · готов к подписанию</div> <div class="doc-stamp">
<div class="doc-meta"> <div class="stamp-label">УТВЕРЖДАЮ</div>
<span><b>Устранено рисков:</b> 12 из 12</span> <div class="stamp-line"></div>
<span><b>Статус:</b> Готов к подписанию</span> <div>Подпись / Дата</div>
<span><b>Дата:</b> __.__.2025</span>
</div> </div>
</div> </div>
<div class="doc-body">
<div class="parties"> <div class="ready-notice">✓ Чистая редакция — документ готов к подписанию, все риски устранены</div>
<div class="party-card">
<div class="doc-title-block">
<div class="doc-type">Агентский договор</div>
<h1>№ А-2024/___</h1>
<div class="doc-ref">г. Москва &nbsp;·&nbsp; «___» __________ 2025 г.</div>
</div>
<div class="parties-grid">
<div class="party-box">
<div class="party-role">Принципал</div> <div class="party-role">Принципал</div>
<div class="party-name">ООО «_______________»</div> <div class="party-name">ООО «_______________»</div>
<div class="party-detail">ИНН ____________, ОГРН ____________</div> <div class="party-detail">ИНН ____________</div>
<div class="party-detail">в лице директора ________________</div> <div class="party-detail">в лице директора ____________</div>
</div> </div>
<div class="party-card"> <div class="party-box">
<div class="party-role">Агент</div> <div class="party-role">Агент</div>
<div class="party-name">________________ (ФИО)</div> <div class="party-name">________________ (ФИО)</div>
<div class="party-detail">Паспорт: ______ №__________</div> <div class="party-detail">Паспорт: серия ____ № ______</div>
<div class="party-detail">ИНН: ____________</div> <div class="party-detail">ИНН: ____________</div>
</div> </div>
</div> </div>
<div class="section-title">1. Предмет договора</div> <div class="section-title">1. Предмет договора</div>
<div class="clause"><span class="clause-num">1.1.</span> Агент обязуется за вознаграждение совершать по поручению Принципала юридические и иные действия по организации сборки мебели от своего имени, но за счёт Принципала.</div> <div class="clause"><span class="clause-num">1.1.</span> Агент обязуется за вознаграждение совершать по поручению Принципала юридические и иные действия по организации сборки мебели от своего имени, но за счёт Принципала.</div>
<div class="clause"><span class="clause-num">1.2.</span> Агент несёт ответственность перед Принципалом в пределах суммы агентского вознаграждения за конкретное поручение. Ответственность перед конечным потребителем несёт Принципал как продавец товара.</div> <div class="clause"><span class="clause-num">1.2.</span> Агент несёт ответственность перед Принципалом в пределах суммы агентского вознаграждения за конкретное поручение. Ответственность перед конечным потребителем несёт Принципал.</div>
<div class="clause"><span class="clause-num">1.3.</span> Агент самостоятельно определяет способы исполнения поручений, вправе привлекать субагентов и использовать собственный инструмент.</div> <div class="clause"><span class="clause-num">1.3.</span> Агент самостоятельно определяет способы исполнения поручений, вправе привлекать субагентов и использовать собственный инструмент.</div>
<div class="section-title">2. Порядок исполнения</div> <div class="section-title">2. Порядок исполнения</div>
<div class="clause"><span class="clause-num">2.1.</span> Поручения передаются Принципалом в письменной форме (электронное сообщение допустимо) с указанием объёма, адреса и срока.</div> <div class="clause"><span class="clause-num">2.1.</span> Поручения передаются в письменной форме с указанием объёма, адреса и срока не менее чем за 48 часов.</div>
<div class="clause"><span class="clause-num">2.2.</span> Агент вправе отказаться от поручения, уведомив Принципала не позднее чем за 24 часа до согласованной даты исполнения.</div> <div class="clause"><span class="clause-num">2.2.</span> Агент вправе отказаться от поручения, уведомив Принципала не позднее чем за 24 часа.</div>
<div class="clause"><span class="clause-num">2.3.</span> Режим работы Агент определяет самостоятельно исходя из согласованных сроков исполнения поручений.</div> <div class="clause"><span class="clause-num">2.3.</span> Режим работы Агент определяет самостоятельно исходя из согласованных сроков исполнения.</div>
<div class="section-title">3. Вознаграждение</div> <div class="section-title">3. Вознаграждение</div>
<div class="clause"><span class="clause-num">3.1.</span> Размер вознаграждения за каждое поручение указывается в заявке Принципала и составляет не менее _______ рублей.</div> <div class="clause"><span class="clause-num">3.1.</span> Размер вознаграждения за каждое поручение указывается в заявке Принципала.</div>
<div class="clause"><span class="clause-num">3.2.</span> Выплата производится в течение 3 рабочих дней после подписания акта выполненных работ.</div> <div class="clause"><span class="clause-num">3.2.</span> Выплата — в течение 3 рабочих дней после подписания акта выполненных работ.</div>
<div class="clause"><span class="clause-num">3.3.</span> Изменение размера вознаграждения допускается только по письменному соглашению Сторон.</div> <div class="clause"><span class="clause-num">3.3.</span> Изменение размера вознаграждения — только по письменному соглашению Сторон.</div>
<div class="section-title">4. Ответственность</div> <div class="section-title">4. Ответственность</div>
<div class="clause"><span class="clause-num">4.1.</span> Стороны несут ответственность за неисполнение или ненадлежащее исполнение обязательств в соответствии с законодательством РФ.</div> <div class="clause"><span class="clause-num">4.1.</span> Ответственность Агента за ненадлежащее исполнение ограничена размером агентского вознаграждения по соответствующему поручению.</div>
<div class="clause"><span class="clause-num">4.2.</span> Ответственность Агента за ненадлежащее исполнение ограничена размером агентского вознаграждения по соответствующему поручению.</div> <div class="clause"><span class="clause-num">4.2.</span> Принципал несёт ответственность перед третьими лицами (потребителями) самостоятельно.</div>
<div class="clause"><span class="clause-num">4.3.</span> Принципал несёт ответственность перед третьими лицами (потребителями) самостоятельно.</div>
<div class="section-title">5. Расторжение</div> <div class="section-title">5. Расторжение</div>
<div class="clause"><span class="clause-num">5.1.</span> Договор может быть расторгнут по соглашению Сторон в любое время.</div> <div class="clause"><span class="clause-num">5.1.</span> По соглашению Сторон — в любое время.</div>
<div class="clause"><span class="clause-num">5.2.</span> Расторжение по инициативе Принципала — уведомление не менее чем за 30 дней. При нарушении срока Принципал выплачивает компенсацию в размере вознаграждения за 2 поручения.</div> <div class="clause"><span class="clause-num">5.2.</span> По инициативе Принципала — уведомление не менее чем за 30 дней. При нарушении срока — компенсация в размере вознаграждения за 2 поручения.</div>
<div class="clause"><span class="clause-num">5.3.</span> Расторжение по инициативе Агента — уведомление не менее чем за 14 дней.</div> <div class="clause"><span class="clause-num">5.3.</span> По инициативе Агента — уведомление не менее чем за 14 дней.</div>
<div class="sign-block"> <div class="sign-section">
<div class="sign-grid">
<div class="sign-party"> <div class="sign-party">
<div class="party-name">Принципал</div> <div class="party-role">Принципал</div>
<div>____________________________</div> <div>____________________________</div>
<div class="sign-line">Подпись / Дата / Печать</div> <div class="sign-line">Подпись / М.П. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Дата</div>
</div> </div>
<div class="sign-party"> <div class="sign-party">
<div class="party-name">Агент</div> <div class="party-role">Агент</div>
<div>____________________________</div> <div>____________________________</div>
<div class="sign-line">Подпись / Дата</div> <div class="sign-line">Подпись &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Дата</div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer">
<div class="footer-brand">Подготовлено сервисом <b>ЗАЩИТА</b> · @wasrusgen1</div> <div class="doc-footer">
<a class="back-link" href="mockup.html">← Вернуться</a> Подготовлено с использованием системы <span>@wasrusgen1 | ЗАЩИТА</span>
<br><a class="back-link" href="mockup.html">← К выбору варианта</a>
</div> </div>
</div> </div>
</body> </body>

169
sample-partner.html
View File

@ -2,127 +2,140 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Образец — Партнёрская редакция</title> <title>Партнёрская редакция — образец</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#f5f4f2;color:#1a1a1a;padding:32px 16px;line-height:1.6} body{font-family:'Inter',sans-serif;background:#eee;color:#111;padding:32px 16px;line-height:1.6}
.doc{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.1)} .sample-bar{max-width:760px;margin:0 auto 8px;background:#92400e;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px;border-radius:6px;text-transform:uppercase}
.sample-bar{background:#9f1239;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;padding:7px;text-transform:uppercase} .doc{max-width:760px;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.12);padding:56px 64px 40px}
.partner-bar{background:linear-gradient(90deg,#fdf2f8,#f0fdf4);color:#555;text-align:center;font-size:12px;font-weight:600;padding:10px;border-bottom:1px solid #e8e8e8} .doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #ccc}
.doc-head{padding:32px 40px 24px;border-bottom:1px solid #e8e8e8} .company-block .company-name{font-size:15px;font-weight:700}
.doc-logo img{height:22px;filter:brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(2476%) hue-rotate(323deg) brightness(90%) contrast(90%);margin-bottom:20px} .company-block .company-detail{font-size:12px;color:#666}
.doc-type{font-size:11px;font-weight:700;color:#9f1239;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px} .doc-stamp{text-align:right;font-size:12px;color:#555}
.doc-title{font-size:20px;font-weight:700;color:#111;margin-bottom:4px} .doc-stamp .stamp-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.doc-sub{font-size:13px;color:#888} .doc-stamp .stamp-line{border-bottom:1px solid #999;margin:16px 0 4px;min-width:160px}
.doc-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap} .doc-title-block{text-align:center;margin-bottom:32px}
.doc-meta span{font-size:12px;color:#666} .doc-title-block .doc-type{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:8px}
.doc-meta b{color:#111} .doc-title-block h1{font-size:18px;font-weight:700;color:#111;margin-bottom:6px}
.doc-body{padding:32px 40px} .doc-title-block .doc-ref{font-size:13px;color:#555}
.preamble{background:linear-gradient(135deg,#fdf2f8 0%,#f0fdf4 100%);border:1px solid #e8e8e8;border-radius:12px;padding:18px 20px;margin-bottom:28px;font-size:13px;color:#333;line-height:1.7} .preamble{border:1px solid #e0e0e0;border-radius:4px;padding:16px 20px;margin-bottom:28px;font-size:13px;color:#333;line-height:1.7;background:#fafafa}
.preamble-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9f1239;margin-bottom:8px} .preamble .preamble-title{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:6px}
.section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e8e8e8;margin-top:24px} .parties-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}
.section-title:first-child{margin-top:0} .party-box{border:1px solid #e0e0e0;border-radius:4px;padding:14px}
.clause{margin-bottom:14px;font-size:13.5px;line-height:1.75;color:#222}
.clause-num{font-weight:700;color:#111}
.balance-tag{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:8px;vertical-align:middle}
.tag-p{background:#fce7f3;color:#9f1239}
.tag-a{background:#dcfce7;color:#16a34a}
.tag-both{background:#e0f2fe;color:#0369a1}
.parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.party-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;padding:14px}
.party-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px} .party-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.party-name{font-weight:700;font-size:13px;margin-bottom:2px} .party-name{font-weight:700;font-size:13px;margin-bottom:2px}
.party-detail{font-size:12px;color:#666} .party-detail{font-size:12px;color:#666}
.sign-block{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;padding-top:24px;border-top:1px solid #e8e8e8} .section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin:24px 0 12px;padding-bottom:6px;border-bottom:1.5px solid #e0e0e0}
.sign-party{font-size:12px;color:#666} .clause{font-size:13.5px;line-height:1.75;color:#222;margin-bottom:10px;display:flex;gap:12px;align-items:baseline}
.sign-party .party-name{font-weight:700;color:#111;font-size:13px;margin-bottom:4px} .clause-num{font-weight:700;color:#111;flex-shrink:0;min-width:32px}
.sign-line{border-top:1px solid #ccc;margin-top:32px;padding-top:6px;font-size:11px;color:#aaa} .clause-text-wrap{flex:1}
.footer{padding:20px 40px;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center} .tag{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:8px;vertical-align:middle;white-space:nowrap}
.footer-brand{font-size:11px;color:#aaa} .tag-p{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.footer-brand b{color:#9f1239} .tag-a{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.back-link{font-size:12px;color:#9f1239;text-decoration:none;border:1px solid #f3d4e2;border-radius:6px;padding:5px 12px} .tag-both{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}
.back-link:hover{background:#fdf2f8} .legend{display:flex;gap:16px;flex-wrap:wrap;padding:10px 14px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:24px;font-size:12px;color:#555}
@media(max-width:600px){.doc-body,.doc-head{padding:20px}.parties,.sign-block{grid-template-columns:1fr}} .sign-section{margin-top:40px;padding-top:24px;border-top:1px solid #ccc}
.sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.sign-party .sign-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.sign-line{border-top:1px solid #999;margin-top:28px;padding-top:5px;font-size:11px;color:#888}
.doc-footer{margin-top:48px;padding-top:14px;border-top:1px dashed #ddd;text-align:center;font-size:11px;color:#aaa}
.doc-footer span{color:#888}
.back-link{display:inline-block;margin-top:16px;font-size:12px;color:#555;text-decoration:none;border:1px solid #ccc;border-radius:4px;padding:4px 12px}
@media(max-width:600px){.doc{padding:24px 20px}.doc-header{display:flex;flex-direction:column;gap:12px}.doc-stamp{text-align:left}.parties-grid,.sign-grid{grid-template-columns:1fr}.legend{gap:8px}.clause{flex-direction:column;gap:2px}}
</style> </style>
</head> </head>
<body> <body>
<div class="sample-bar">⚠ Образец — демонстрационное содержание</div>
<div class="doc"> <div class="doc">
<div class="sample-bar">⚠ Образец документа — содержание не является реальным заключением</div> <div class="doc-header">
<div class="partner-bar">🤝 Партнёрская редакция — учтены интересы обеих сторон</div> <div class="company-block">
<div class="doc-head"> <div class="company-name">ООО «Название компании»</div>
<div class="doc-logo"><img src="logos/logo-wasrusgen1-real.svg" alt="@wasrusgen1"></div> <div class="company-detail">ИНН 0000000000 · ОГРН 0000000000000</div>
<div class="doc-type">Партнёрская редакция</div> <div class="company-detail">г. Москва, ул. Примерная, д. 1</div>
<div class="doc-title">Агентский договор № А-2024/___</div> </div>
<div class="doc-sub">Взаимовыгодная редакция · ЗАЩИТА · баланс интересов сторон</div> <div class="doc-stamp">
<div class="doc-meta"> <div class="stamp-label">СОГЛАСОВАНО</div>
<span><b>Защита Агента:</b> ✓ полная</span> <div class="stamp-line"></div>
<span><b>Защита Принципала:</b> ✓ полная</span> <div>Подпись / Дата</div>
<span><b>Дата:</b> __.__.2025</span>
</div> </div>
</div> </div>
<div class="doc-body">
<div class="doc-title-block">
<div class="doc-type">Агентский договор — партнёрская редакция</div>
<h1>№ А-2024/___</h1>
<div class="doc-ref">г. Москва &nbsp;·&nbsp; «___» __________ 2025 г. &nbsp;·&nbsp; Учтены интересы обеих сторон</div>
</div>
<div class="preamble"> <div class="preamble">
<div class="preamble-title">💬 Основание для подписания</div> <div class="preamble-title">Основание для подписания</div>
Настоящий договор составлен с учётом интересов обеих сторон: Агент получает чёткие границы ответственности и предсказуемые условия работы; Принципал — надёжного исполнителя с понятными обязательствами. Условия договора исключают основания для споров при добросовестном исполнении каждой из сторон. Настоящий договор составлен с учётом интересов обеих сторон: Агент получает чёткие границы ответственности и предсказуемые условия работы; Принципал — надёжного исполнителя с понятными обязательствами. Условия договора исключают основания для споров при добросовестном исполнении каждой из сторон.
</div> </div>
<div class="parties"> <div class="legend">
<div class="party-card"> <div><span class="tag tag-a">→ Агент</span> защита интересов Агента</div>
<div><span class="tag tag-p">→ Принципал</span> защита интересов Принципала</div>
<div><span class="tag tag-both">↔ обе стороны</span> взаимная защита</div>
</div>
<div class="parties-grid">
<div class="party-box">
<div class="party-role">Принципал</div> <div class="party-role">Принципал</div>
<div class="party-name">ООО «_______________»</div> <div class="party-name">ООО «_______________»</div>
<div class="party-detail">ИНН ____________, ОГРН ____________</div> <div class="party-detail">ИНН ____________</div>
<div class="party-detail">в лице директора ________________</div> <div class="party-detail">в лице директора ____________</div>
</div> </div>
<div class="party-card"> <div class="party-box">
<div class="party-role">Агент</div> <div class="party-role">Агент</div>
<div class="party-name">________________ (ФИО)</div> <div class="party-name">________________ (ФИО)</div>
<div class="party-detail">Паспорт: ______ №__________</div> <div class="party-detail">Паспорт: серия ____ № ______</div>
<div class="party-detail">ИНН: ____________</div> <div class="party-detail">ИНН: ____________</div>
</div> </div>
</div> </div>
<div class="section-title">1. Предмет договора</div> <div class="section-title">1. Предмет договора</div>
<div class="clause"><span class="clause-num">1.1.</span> Агент совершает по поручению Принципала действия по организации сборки мебели за вознаграждение. <span class="balance-tag tag-both">↔ обе стороны</span></div> <div class="clause"><span class="clause-num">1.1.</span><span class="clause-text-wrap">Агент совершает по поручению Принципала действия по организации сборки мебели за вознаграждение. <span class="tag tag-both">↔ обе стороны</span></span></div>
<div class="clause"><span class="clause-num">1.2.</span> Ответственность Агента перед Принципалом ограничена суммой вознаграждения по поручению. Ответственность перед потребителем несёт Принципал. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">1.2.</span><span class="clause-text-wrap">Ответственность Агента ограничена суммой вознаграждения по поручению. Ответственность перед потребителем несёт Принципал. <span class="tag tag-a">→ Агент</span></span></div>
<div class="clause"><span class="clause-num">1.3.</span> Принципал гарантирует своевременную передачу поручений и оплату в установленные сроки. <span class="balance-tag tag-p">→ Принципал</span></div> <div class="clause"><span class="clause-num">1.3.</span><span class="clause-text-wrap">Принципал гарантирует своевременную передачу поручений и оплату в установленные сроки. <span class="tag tag-p">→ Принципал</span></span></div>
<div class="section-title">2. Порядок исполнения</div> <div class="section-title">2. Порядок исполнения</div>
<div class="clause"><span class="clause-num">2.1.</span> Поручения передаются в письменной форме с указанием объёма, адреса и срока не менее чем за 48 часов. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">2.1.</span><span class="clause-text-wrap">Поручения передаются в письменной форме не менее чем за 48 часов. <span class="tag tag-a">→ Агент</span></span></div>
<div class="clause"><span class="clause-num">2.2.</span> Принципал обеспечивает доступ к объекту в согласованное время. При невозможности доступа поручение переносится без штрафных санкций. <span class="balance-tag tag-both">↔ обе стороны</span></div> <div class="clause"><span class="clause-num">2.2.</span><span class="clause-text-wrap">Принципал обеспечивает доступ к объекту в согласованное время. При невозможности доступа поручение переносится без штрафных санкций. <span class="tag tag-both">↔ обе стороны</span></span></div>
<div class="clause"><span class="clause-num">2.3.</span> Агент определяет режим работы самостоятельно, исходя из согласованных сроков. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">2.3.</span><span class="clause-text-wrap">Агент определяет режим работы самостоятельно, исходя из согласованных сроков. <span class="tag tag-a">→ Агент</span></span></div>
<div class="section-title">3. Вознаграждение</div> <div class="section-title">3. Вознаграждение</div>
<div class="clause"><span class="clause-num">3.1.</span> Размер вознаграждения указывается в заявке. Изменение — только по письменному соглашению. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">3.1.</span><span class="clause-text-wrap">Размер вознаграждения указывается в заявке. Изменение — только по письменному соглашению. <span class="tag tag-a">→ Агент</span></span></div>
<div class="clause"><span class="clause-num">3.2.</span> Выплата — в течение 3 рабочих дней после подписания акта. При задержке начисляются пени 0,1% в день. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">3.2.</span><span class="clause-text-wrap">Выплата — в течение 3 рабочих дней после подписания акта. При задержке начисляются пени 0,1% в день. <span class="tag tag-a">→ Агент</span></span></div>
<div class="clause"><span class="clause-num">3.3.</span> Акт подписывается Принципалом в течение 2 рабочих дней. При отсутствии мотивированного отказа считается принятым. <span class="balance-tag tag-both">↔ обе стороны</span></div> <div class="clause"><span class="clause-num">3.3.</span><span class="clause-text-wrap">Акт подписывается Принципалом в течение 2 рабочих дней. При отсутствии мотивированного отказа считается принятым. <span class="tag tag-both">↔ обе стороны</span></span></div>
<div class="section-title">4. Ответственность</div> <div class="section-title">4. Ответственность</div>
<div class="clause"><span class="clause-num">4.1.</span> Ответственность Агента за виновное нарушение — в пределах вознаграждения по поручению. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">4.1.</span><span class="clause-text-wrap">Ответственность Агента за виновное нарушение — в пределах вознаграждения по поручению. <span class="tag tag-a">→ Агент</span></span></div>
<div class="clause"><span class="clause-num">4.2.</span> Принципал несёт полную ответственность перед третьими лицами как продавец товара. <span class="balance-tag tag-p">→ Принципал</span></div> <div class="clause"><span class="clause-num">4.2.</span><span class="clause-text-wrap">Принципал несёт полную ответственность перед третьими лицами как продавец товара. <span class="tag tag-p">→ Принципал</span></span></div>
<div class="clause"><span class="clause-num">4.3.</span> Форс-мажор освобождает обе стороны от ответственности при уведомлении в течение 3 дней. <span class="balance-tag tag-both">↔ обе стороны</span></div> <div class="clause"><span class="clause-num">4.3.</span><span class="clause-text-wrap">Форс-мажор освобождает обе стороны от ответственности при уведомлении в течение 3 дней. <span class="tag tag-both">↔ обе стороны</span></span></div>
<div class="section-title">5. Расторжение</div> <div class="section-title">5. Расторжение</div>
<div class="clause"><span class="clause-num">5.1.</span> По соглашению — в любое время. <span class="balance-tag tag-both">↔ обе стороны</span></div> <div class="clause"><span class="clause-num">5.1.</span><span class="clause-text-wrap">По соглашению — в любое время. <span class="tag tag-both">↔ обе стороны</span></span></div>
<div class="clause"><span class="clause-num">5.2.</span> По инициативе Принципала — уведомление за 30 дней; при нарушении — компенсация 2 поручения. <span class="balance-tag tag-a">→ Агент</span></div> <div class="clause"><span class="clause-num">5.2.</span><span class="clause-text-wrap">По инициативе Принципала — уведомление за 30 дней; при нарушении — компенсация 2 поручения. <span class="tag tag-a">→ Агент</span></span></div>
<div class="clause"><span class="clause-num">5.3.</span> По инициативе Агента — уведомление за 14 дней; незавершённые поручения передаются в срок. <span class="balance-tag tag-p">→ Принципал</span></div> <div class="clause"><span class="clause-num">5.3.</span><span class="clause-text-wrap">По инициативе Агента — уведомление за 14 дней; незавершённые поручения передаются в срок. <span class="tag tag-p">→ Принципал</span></span></div>
<div class="sign-block"> <div class="sign-section">
<div class="sign-grid">
<div class="sign-party"> <div class="sign-party">
<div class="party-name">Принципал</div> <div class="sign-role">Принципал</div>
<div>____________________________</div> <div>____________________________</div>
<div class="sign-line">Подпись / Дата / Печать</div> <div class="sign-line">Подпись / М.П. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Дата</div>
</div> </div>
<div class="sign-party"> <div class="sign-party">
<div class="party-name">Агент</div> <div class="sign-role">Агент</div>
<div>____________________________</div> <div>____________________________</div>
<div class="sign-line">Подпись / Дата</div> <div class="sign-line">Подпись &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Дата</div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer">
<div class="footer-brand">Подготовлено сервисом <b>ЗАЩИТА</b> · @wasrusgen1</div> <div class="doc-footer">
<a class="back-link" href="mockup.html">← Вернуться</a> Подготовлено с использованием системы <span>@wasrusgen1 | ЗАЩИТА</span>
<br><a class="back-link" href="mockup.html">← К выбору варианта</a>
</div> </div>
</div> </div>
</body> </body>

170
sample-protocol.html
View File

@ -2,68 +2,78 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Образец — Протокол разногласий</title> <title>Протокол разногласий — образец</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#f5f4f2;color:#1a1a1a;padding:32px 16px;line-height:1.6} body{font-family:'Inter',sans-serif;background:#eee;color:#111;padding:32px 16px;line-height:1.6}
.doc{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.1)} .sample-bar{max-width:760px;margin:0 auto 8px;background:#92400e;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px;border-radius:6px;text-transform:uppercase}
.sample-bar{background:#9f1239;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;padding:7px;text-transform:uppercase} .doc{max-width:760px;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.12);padding:56px 64px 40px}
.doc-head{padding:32px 40px 24px;border-bottom:1px solid #e8e8e8} /* шапка документа */
.doc-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px} .doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #ccc}
.doc-logo img{height:22px;filter:brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(2476%) hue-rotate(323deg) brightness(90%) contrast(90%)} .company-block .company-name{font-size:15px;font-weight:700;color:#111;margin-bottom:2px}
.doc-type{font-size:11px;font-weight:700;color:#9f1239;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px} .company-block .company-detail{font-size:12px;color:#666}
.doc-title{font-size:20px;font-weight:700;color:#111;margin-bottom:4px} .doc-stamp{text-align:right;font-size:12px;color:#555}
.doc-sub{font-size:13px;color:#888} .doc-stamp .stamp-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.doc-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap} .doc-stamp .stamp-line{border-bottom:1px solid #999;margin:16px 0 4px;min-width:160px}
.doc-meta span{font-size:12px;color:#666} /* заголовок */
.doc-meta b{color:#111} .doc-title-block{text-align:center;margin-bottom:32px}
.doc-body{padding:32px 40px} .doc-title-block .doc-type{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:8px}
.section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9f1239;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #fce7f3} .doc-title-block h1{font-size:18px;font-weight:700;color:#111;margin-bottom:6px}
table{width:100%;border-collapse:collapse;margin-bottom:32px;font-size:13px} .doc-title-block .doc-ref{font-size:13px;color:#555}
th{background:#fdf2f8;color:#9f1239;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:10px 14px;text-align:left;border:1px solid #f3d4e2} /* тело */
td{padding:12px 14px;border:1px solid #e8e8e8;vertical-align:top} .intro{font-size:13px;color:#444;line-height:1.7;margin-bottom:28px;padding:14px 16px;background:#f9f9f9;border-left:3px solid #bbb;border-radius:0 4px 4px 0}
td:first-child{font-weight:600;color:#444;white-space:nowrap;width:70px} .section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin:28px 0 14px;padding-bottom:6px;border-bottom:1.5px solid #e0e0e0}
.orig{color:#888;text-decoration:line-through;font-size:12px} table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:28px}
th{background:#f4f4f4;color:#333;font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:9px 12px;text-align:left;border:1px solid #ddd}
td{padding:11px 12px;border:1px solid #e0e0e0;vertical-align:top;line-height:1.6}
td:first-child{font-weight:600;color:#444;white-space:nowrap;width:80px;background:#fafafa}
.orig{color:#999;text-decoration:line-through;font-size:12px;display:block;margin-bottom:4px}
.prop{color:#111;font-size:12px} .prop{color:#111;font-size:12px}
.norm{font-size:11px;color:#9f1239;background:#fdf2f8;border-radius:4px;padding:2px 6px;display:inline-block;margin-top:4px} .norm{display:inline-block;font-size:11px;color:#555;background:#f0f0f0;border-radius:3px;padding:1px 6px;margin-top:4px;border:1px solid #e0e0e0}
.risk-high{color:#dc2626;font-weight:700;font-size:11px} .risk-high{font-size:11px;font-weight:700;color:#b91c1c}
.risk-mid{color:#d97706;font-weight:700;font-size:11px} .risk-mid{font-size:11px;font-weight:700;color:#b45309}
.intro{background:#fdf2f8;border-left:3px solid #9f1239;border-radius:0 8px 8px 0;padding:14px 18px;margin-bottom:28px;font-size:13px;color:#444;line-height:1.6} /* подписи */
.sign-block{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;padding-top:24px;border-top:1px solid #e8e8e8} .sign-section{margin-top:40px;padding-top:24px;border-top:1px solid #ccc}
.sign-party{font-size:12px;color:#666} .sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.sign-party .party-name{font-weight:700;color:#111;font-size:13px;margin-bottom:4px} .sign-party .party-role{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.sign-line{border-top:1px solid #ccc;margin-top:32px;padding-top:6px;font-size:11px;color:#aaa} .sign-party .party-name{font-weight:700;font-size:13px;margin-bottom:2px}
.footer{padding:20px 40px;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center} .sign-party .party-detail{font-size:12px;color:#666;margin-bottom:12px}
.footer-brand{font-size:11px;color:#aaa} .sign-line{border-top:1px solid #999;margin-top:28px;padding-top:5px;font-size:11px;color:#888}
.footer-brand b{color:#9f1239} /* нижний колонтитул */
.back-link{font-size:12px;color:#9f1239;text-decoration:none;border:1px solid #f3d4e2;border-radius:6px;padding:5px 12px} .doc-footer{margin-top:48px;padding-top:14px;border-top:1px dashed #ddd;text-align:center;font-size:11px;color:#aaa}
.back-link:hover{background:#fdf2f8} .doc-footer span{color:#888}
@media(max-width:600px){.doc-body,.doc-head{padding:20px}.sign-block{grid-template-columns:1fr}.doc-meta{gap:12px}} .back-link{display:inline-block;margin-top:16px;font-size:12px;color:#555;text-decoration:none;border:1px solid #ccc;border-radius:4px;padding:4px 12px}
@media(max-width:600px){.doc{padding:24px 20px}.sign-grid{grid-template-columns:1fr}.doc-header{flex-direction:column;gap:12px}.doc-stamp{text-align:left}}
</style> </style>
</head> </head>
<body> <body>
<div class="sample-bar">⚠ Образец — демонстрационное содержание</div>
<div class="doc"> <div class="doc">
<div class="sample-bar">⚠ Образец документа — содержание не является реальным заключением</div> <div class="doc-header">
<div class="doc-head"> <div class="company-block">
<div class="doc-logo"> <div class="company-name">ООО «Название компании»</div>
<img src="logos/logo-wasrusgen1-real.svg" alt="@wasrusgen1"> <div class="company-detail">ИНН 0000000000 · ОГРН 0000000000000</div>
<div class="company-detail">г. Москва, ул. Примерная, д. 1</div>
</div> </div>
<div class="doc-type">Протокол разногласий</div> <div class="doc-stamp">
<div class="doc-title">к Агентскому договору № А-2024/___</div> <div class="stamp-label">СОГЛАСОВАНО</div>
<div class="doc-sub">Составлено по результатам юридической экспертизы · ЗАЩИТА</div> <div class="stamp-line"></div>
<div class="doc-meta"> <div>Подпись / Дата</div>
<span><b>Договор:</b> Агентский (сборка мебели)</span>
<span><b>Выявлено рисков:</b> 12 (5 критичных)</span>
<span><b>Дата:</b> __.__.2025</span>
</div> </div>
</div> </div>
<div class="doc-body">
<div class="intro">
Настоящий протокол содержит предложения по изменению условий договора, нарушающих интересы Агента. По каждому пункту указана действующая редакция, предлагаемая замена и правовое основание. Принципал обязан либо принять предложенные формулировки, либо представить мотивированный отказ со ссылкой на нормы права.
</div>
<div class="section-title">Спорные условия — предложения по изменению</div> <div class="doc-title-block">
<div class="doc-type">Протокол разногласий</div>
<h1>к Агентскому договору № А-2024/___</h1>
<div class="doc-ref">г. Москва &nbsp;·&nbsp; «___» __________ 2025 г.</div>
</div>
<div class="intro">
Настоящий протокол составлен по результатам юридической экспертизы договора и содержит предложения по изменению условий, нарушающих интересы Агента. По каждому пункту указана действующая редакция, предлагаемая замена и правовое основание. Принципал обязан принять предложенные формулировки либо представить мотивированный отказ со ссылкой на нормы права.
</div>
<div class="section-title">Предложения по изменению условий</div>
<table> <table>
<thead> <thead>
<tr> <tr>
@ -75,57 +85,57 @@ td:first-child{font-weight:600;color:#444;white-space:nowrap;width:70px}
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>п. 1.1<br><span class="risk-high">● Крит.</span></td> <td>п. 1.1<br><span class="risk-high">● крит.</span></td>
<td><span class="orig">«Агент несёт полную ответственность за качество выполненных работ перед конечным потребителем»</span></td> <td><span class="orig">«Агент несёт полную ответственность за качество выполненных работ перед конечным потребителем»</span></td>
<td><span class="prop">«Агент несёт ответственность перед Принципалом в пределах суммы агентского вознаграждения за конкретное поручение. Ответственность перед конечным потребителем несёт Принципал как продавец товара»</span></td> <td><span class="prop">«Агент несёт ответственность перед Принципалом в пределах суммы агентского вознаграждения. Ответственность перед конечным потребителем несёт Принципал как продавец товара»</span></td>
<td><span class="norm">ст. 4, 18, 29 ЗоЗПП</span><span class="norm">ст. 1005 ГК РФ</span></td> <td><span class="norm">ст. 4, 18, 29 ЗоЗПП</span><br><span class="norm">ст. 1005 ГК РФ</span></td>
</tr> </tr>
<tr> <tr>
<td>п. 4.6<br><span class="risk-high">● Крит.</span></td> <td>п. 4.6<br><span class="risk-high">● крит.</span></td>
<td><span class="orig">«Агент обязуется возместить Принципалу все финансовые потери, возникшие вследствие ненадлежащего исполнения обязательств»</span></td> <td><span class="orig">«Агент обязуется возместить Принципалу все финансовые потери, возникшие вследствие ненадлежащего исполнения»</span></td>
<td><span class="prop">«Ответственность Агента за ненадлежащее исполнение ограничена размером агентского вознаграждения по соответствующему поручению. Штрафные санкции сверх указанного предела не применяются»</span></td> <td><span class="prop">«Ответственность Агента за ненадлежащее исполнение ограничена размером агентского вознаграждения по соответствующему поручению»</span></td>
<td><span class="norm">ст. 330–333 ГК РФ</span><span class="norm">ст. 15 ГК РФ</span></td> <td><span class="norm">ст. 330–333 ГК РФ</span></td>
</tr> </tr>
<tr> <tr>
<td>п. 2.3<br><span class="risk-high">● Крит.</span></td> <td>п. 2.3<br><span class="risk-high">● крит.</span></td>
<td><span class="orig">«Агент выполняет работы лично, в установленные Принципалом часы, на оборудовании Принципала, строго по его инструкциям»</span></td> <td><span class="orig">«Агент выполняет работы лично, в установленные часы, на оборудовании Принципала, по его инструкциям»</span></td>
<td><span class="prop">«Агент самостоятельно определяет способы исполнения поручений, вправе привлекать субагентов и использовать собственные инструменты. Режим рабочего времени Агент устанавливает самостоятельно»</span></td> <td><span class="prop">«Агент самостоятельно определяет способы исполнения поручений, вправе привлекать субагентов и использовать собственные инструменты»</span></td>
<td><span class="norm">ст. 15, 19.1 ТК РФ</span><span class="norm">ст. 1009 ГК РФ</span></td> <td><span class="norm">ст. 19.1 ТК РФ</span><br><span class="norm">ст. 1009 ГК РФ</span></td>
</tr> </tr>
<tr> <tr>
<td>п. 6.2<br><span class="risk-mid">● Сред.</span></td> <td>п. 6.2<br><span class="risk-mid">● сред.</span></td>
<td><span class="orig">«Принципал вправе в одностороннем порядке изменять размер агентского вознаграждения с уведомлением за 3 дня»</span></td> <td><span class="orig">«Принципал вправе в одностороннем порядке изменять размер вознаграждения с уведомлением за 3 дня»</span></td>
<td><span class="prop">«Размер агентского вознаграждения может быть изменён только по письменному соглашению Сторон. Одностороннее изменение не допускается»</span></td> <td><span class="prop">«Размер вознаграждения изменяется только по письменному соглашению Сторон»</span></td>
<td><span class="norm">ст. 450 ГК РФ</span></td> <td><span class="norm">ст. 450 ГК РФ</span></td>
</tr> </tr>
<tr> <tr>
<td>п. 7.1<br><span class="risk-mid">● Сред.</span></td> <td>п. 7.1<br><span class="risk-mid">● сред.</span></td>
<td><span class="orig">«Принципал вправе расторгнуть договор в одностороннем порядке без объяснения причин»</span></td> <td><span class="orig">«Принципал вправе расторгнуть договор в одностороннем порядке без объяснения причин»</span></td>
<td><span class="prop">«Расторжение договора по инициативе Принципала допускается при уведомлении Агента не менее чем за 30 календарных дней. При расторжении без указанного срока Принципал выплачивает компенсацию в размере вознаграждения за 2 поручения»</span></td> <td><span class="prop">«Расторжение по инициативе Принципала — уведомление не менее чем за 30 дней. При нарушении срока — компенсация в размере вознаграждения за 2 поручения»</span></td>
<td><span class="norm">ст. 1010 ГК РФ</span><span class="norm">ст. 453 ГК РФ</span></td> <td><span class="norm">ст. 1010 ГК РФ</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div class="section-title">Подписи сторон</div> <div class="section-title">Подписи сторон</div>
<div class="sign-block"> <div class="sign-grid">
<div class="sign-party"> <div class="sign-party">
<div class="party-name">Агент</div> <div class="party-role">Агент</div>
<div>ФИО: ________________________</div> <div class="party-name">________________________</div>
<div>Паспорт: ____________________</div> <div class="party-detail">Паспорт: серия ____ № ______</div>
<div class="sign-line">Подпись / Дата</div> <div class="sign-line">Подпись &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Дата</div>
</div> </div>
<div class="sign-party"> <div class="sign-party">
<div class="party-name">Принципал</div> <div class="party-role">Принципал</div>
<div>Наименование: ______________</div> <div class="party-name">________________________</div>
<div>ИНН / ОГРН: ________________</div> <div class="party-detail">Должность, ФИО представителя</div>
<div class="sign-line">Подпись / Дата</div> <div class="sign-line">Подпись / М.П. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Дата</div>
</div> </div>
</div> </div>
</div>
<div class="footer"> <div class="doc-footer">
<div class="footer-brand">Подготовлено сервисом <b>ЗАЩИТА</b> · @wasrusgen1</div> Подготовлено с использованием системы <span>@wasrusgen1 | ЗАЩИТА</span>
<a class="back-link" href="mockup.html">← Вернуться</a> <br><a class="back-link" href="mockup.html">← К выбору варианта</a>
</div> </div>
</div> </div>
</body> </body>

165
sample-redact.html
View File

@ -2,134 +2,137 @@
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Образец — Переработка с комментариями</title> <title>Переработка с комментариями — образец</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style> <style>
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#f5f4f2;color:#1a1a1a;padding:32px 16px;line-height:1.6} body{font-family:'Inter',sans-serif;background:#eee;color:#111;padding:32px 16px;line-height:1.6}
.doc{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.1)} .sample-bar{max-width:760px;margin:0 auto 8px;background:#92400e;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px;border-radius:6px;text-transform:uppercase}
.sample-bar{background:#9f1239;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;padding:7px;text-transform:uppercase} .doc{max-width:760px;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.12);padding:56px 64px 40px}
.doc-head{padding:32px 40px 24px;border-bottom:1px solid #e8e8e8} .doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #ccc}
.doc-logo img{height:22px;filter:brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(2476%) hue-rotate(323deg) brightness(90%) contrast(90%);margin-bottom:20px} .company-block .company-name{font-size:15px;font-weight:700}
.doc-type{font-size:11px;font-weight:700;color:#9f1239;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px} .company-block .company-detail{font-size:12px;color:#666}
.doc-title{font-size:20px;font-weight:700;color:#111;margin-bottom:4px} .doc-version{text-align:right;font-size:12px;color:#555}
.doc-sub{font-size:13px;color:#888} .doc-version .ver-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:4px}
.doc-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap} .doc-version .ver-badge{display:inline-block;background:#fef3c7;color:#92400e;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;border:1px solid #fde68a}
.doc-meta span{font-size:12px;color:#666} .doc-title-block{text-align:center;margin-bottom:28px}
.doc-meta b{color:#111} .doc-title-block .doc-type{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:8px}
.doc-body{padding:32px 40px} .doc-title-block h1{font-size:18px;font-weight:700;color:#111;margin-bottom:6px}
.section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9f1239;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #fce7f3} .doc-title-block .doc-ref{font-size:13px;color:#555}
.legend{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;padding:12px 16px;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8} .legend{display:flex;gap:20px;flex-wrap:wrap;padding:10px 14px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:24px}
.leg-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#555} .leg-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#555}
.leg-del{background:#fee2e2;color:#dc2626;border-radius:3px;padding:1px 5px;text-decoration:line-through;font-size:11px} del{background:#fee2e2;color:#b91c1c;text-decoration:line-through;border-radius:2px;padding:0 3px}
.leg-ins{background:#dcfce7;color:#16a34a;border-radius:3px;padding:1px 5px;font-size:11px} ins{background:#dcfce7;color:#15803d;text-decoration:none;border-radius:2px;padding:0 3px;font-style:normal}
.clause{margin-bottom:28px;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden} .section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#555;margin:24px 0 14px;padding-bottom:6px;border-bottom:1.5px solid #e0e0e0}
.clause-header{background:#fafafa;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8} .clause-block{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:16px;overflow:hidden}
.clause-num{font-weight:700;font-size:13px;color:#333} .clause-head{background:#f4f4f4;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}
.clause-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px} .clause-ref{font-size:12.5px;font-weight:700;color:#333}
.badge-crit{background:#fee2e2;color:#dc2626} .badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px}
.badge-mid{background:#fef3c7;color:#d97706} .badge-crit{background:#fee2e2;color:#b91c1c}
.clause-body{padding:16px} .badge-mid{background:#fef3c7;color:#92400e}
.clause-text{font-size:13px;line-height:1.7;margin-bottom:12px} .clause-body{padding:14px}
del{background:#fee2e2;color:#dc2626;text-decoration:line-through;border-radius:3px;padding:0 3px} .clause-text{font-size:13.5px;line-height:1.75;margin-bottom:12px;color:#222}
ins{background:#dcfce7;color:#16a34a;text-decoration:none;border-radius:3px;padding:0 3px;font-style:normal} .comment-block{background:#f9f9f9;border-left:3px solid #bbb;border-radius:0 4px 4px 0;padding:10px 14px;font-size:12px;color:#555}
.comment{background:#fdf2f8;border-left:3px solid #9f1239;border-radius:0 8px 8px 0;padding:10px 14px;font-size:12px;color:#555;margin-top:8px} .comment-block b{color:#333}
.comment b{color:#9f1239} .norm-tag{display:inline-block;font-size:11px;background:#f0f0f0;border:1px solid #ddd;border-radius:3px;padding:1px 6px;margin-left:4px;color:#444}
.norm-tag{font-size:11px;color:#9f1239;background:#fce7f3;border-radius:4px;padding:1px 6px;margin-left:4px} .doc-footer{margin-top:48px;padding-top:14px;border-top:1px dashed #ddd;text-align:center;font-size:11px;color:#aaa}
.footer{padding:20px 40px;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center} .doc-footer span{color:#888}
.footer-brand{font-size:11px;color:#aaa} .back-link{display:inline-block;margin-top:16px;font-size:12px;color:#555;text-decoration:none;border:1px solid #ccc;border-radius:4px;padding:4px 12px}
.footer-brand b{color:#9f1239} @media(max-width:600px){.doc{padding:24px 20px}.doc-header{flex-direction:column;gap:12px}.doc-version{text-align:left}.legend{gap:10px}}
.back-link{font-size:12px;color:#9f1239;text-decoration:none;border:1px solid #f3d4e2;border-radius:6px;padding:5px 12px}
.back-link:hover{background:#fdf2f8}
@media(max-width:600px){.doc-body,.doc-head{padding:20px}.legend{gap:8px}}
</style> </style>
</head> </head>
<body> <body>
<div class="sample-bar">⚠ Образец — демонстрационное содержание</div>
<div class="doc"> <div class="doc">
<div class="sample-bar">⚠ Образец документа — содержание не является реальным заключением</div> <div class="doc-header">
<div class="doc-head"> <div class="company-block">
<div class="doc-logo"><img src="logos/logo-wasrusgen1-real.svg" alt="@wasrusgen1"></div> <div class="company-name">ООО «Название компании»</div>
<div class="company-detail">ИНН 0000000000 · ОГРН 0000000000000</div>
<div class="company-detail">г. Москва, ул. Примерная, д. 1</div>
</div>
<div class="doc-version">
<div class="ver-label">Статус документа</div>
<div class="ver-badge">Редакция с комментариями</div>
</div>
</div>
<div class="doc-title-block">
<div class="doc-type">Переработка с комментариями</div> <div class="doc-type">Переработка с комментариями</div>
<div class="doc-title">Агентский договор № А-2024/___</div> <h1>Агентский договор № А-2024/___</h1>
<div class="doc-sub">Редакция с отмеченными изменениями · ЗАЩИТА</div> <div class="doc-ref">г. Москва &nbsp;·&nbsp; «___» __________ 2025 г. &nbsp;·&nbsp; Изменено пунктов: 12</div>
<div class="doc-meta">
<span><b>Изменено пунктов:</b> 12 из 18</span>
<span><b>Критичных правок:</b> 5</span>
<span><b>Дата:</b> __.__.2025</span>
</div> </div>
</div>
<div class="doc-body">
<div class="legend"> <div class="legend">
<div class="leg-item"><span class="leg-del">удалено</span> — исходный текст</div> <div class="leg-item"><del>зачёркнуто</del> — удалённый текст</div>
<div class="leg-item"><span class="leg-ins">добавлено</span> — новая редакция</div> <div class="leg-item"><ins>подчёркнуто</ins> — новая редакция</div>
<div class="leg-item">💬 — комментарий юриста</div> <div class="leg-item">💬 — комментарий юриста</div>
</div> </div>
<div class="section-title">Изменённые пункты</div> <div class="section-title">Изменённые пункты</div>
<div class="clause"> <div class="clause-block">
<div class="clause-header"> <div class="clause-head">
<span class="clause-num">п. 1.1 — Ответственность агента</span> <span class="clause-ref">п. 1.1 — Ответственность агента</span>
<span class="clause-badge badge-crit">● Критичный</span> <span class="badge badge-crit">● критичный</span>
</div> </div>
<div class="clause-body"> <div class="clause-body">
<div class="clause-text"> <div class="clause-text">
Агент <del>несёт полную ответственность за качество выполненных работ перед конечным потребителем</del><ins>несёт ответственность перед Принципалом в пределах суммы агентского вознаграждения за конкретное поручение. Ответственность перед конечным потребителем несёт Принципал как продавец товара (ст. 4 ЗоЗПП)</ins>. Агент <del>несёт полную ответственность за качество выполненных работ перед конечным потребителем</del> <ins>несёт ответственность перед Принципалом в пределах суммы агентского вознаграждения. Ответственность перед конечным потребителем несёт Принципал как продавец товара</ins>.
</div> </div>
<div class="comment"> <div class="comment-block">
<b>Зачем это изменение:</b> исходная редакция возлагала на вас прямую ответственность перед покупателями — штрафы, возвраты, судебные претензии. По закону это обязанность продавца (Принципала), не агента. Новая формулировка восстанавливает законный порядок и ограничивает вашу ответственность суммой вознаграждения. <span class="norm-tag">ст. 4, 29 ЗоЗПП</span> <b>Зачем это изменение:</b> исходная редакция возлагала на вас прямую ответственность перед покупателями — штрафы, возвраты, претензии. По закону это обязанность продавца (Принципала). Новая формулировка восстанавливает законный порядок и ограничивает вашу ответственность суммой вознаграждения. <span class="norm-tag">ст. 4, 29 ЗоЗПП</span>
</div> </div>
</div> </div>
</div> </div>
<div class="clause"> <div class="clause-block">
<div class="clause-header"> <div class="clause-head">
<span class="clause-num">п. 4.6 — Финансовая ответственность</span> <span class="clause-ref">п. 4.6 — Финансовая ответственность</span>
<span class="clause-badge badge-crit">● Критичный</span> <span class="badge badge-crit">● критичный</span>
</div> </div>
<div class="clause-body"> <div class="clause-body">
<div class="clause-text"> <div class="clause-text">
Агент обязуется возместить Принципалу <del>все финансовые потери, возникшие вследствие ненадлежащего исполнения обязательств</del><ins>убытки, непосредственно вызванные виновными действиями Агента, в размере, не превышающем агентского вознаграждения по соответствующему поручению</ins>. Агент обязуется возместить Принципалу <del>все финансовые потери, возникшие вследствие ненадлежащего исполнения обязательств</del> <ins>убытки, непосредственно вызванные виновными действиями Агента, в размере, не превышающем агентского вознаграждения по соответствующему поручению</ins>.
</div> </div>
<div class="comment"> <div class="comment-block">
<b>Зачем это изменение:</b> «все финансовые потери» без ограничения — это открытый кошелёк. Новая редакция вводит cap: ваша ответственность не может превышать то, что вы заработали по конкретному поручению. Стандартная практика в агентских договорах. <span class="norm-tag">ст. 330–333 ГК РФ</span> <b>Зачем это изменение:</b> «все финансовые потери» без ограничения — открытый кошелёк. Новая редакция вводит cap: ваша ответственность не превышает то, что вы заработали по конкретному поручению. Стандартная практика в агентских договорах. <span class="norm-tag">ст. 330–333 ГК РФ</span>
</div> </div>
</div> </div>
</div> </div>
<div class="clause"> <div class="clause-block">
<div class="clause-header"> <div class="clause-head">
<span class="clause-num">п. 2.3 — Режим работы</span> <span class="clause-ref">п. 2.3 — Режим работы</span>
<span class="clause-badge badge-crit">● Критичный</span> <span class="badge badge-crit">● критичный</span>
</div> </div>
<div class="clause-body"> <div class="clause-body">
<div class="clause-text"> <div class="clause-text">
Агент <del>выполняет работы лично, в установленные часы, на оборудовании Принципала, строго по его инструкциям</del><ins>самостоятельно определяет способы исполнения поручений, вправе привлекать субагентов, использовать собственный инструмент и определять режим работы</ins>. Агент <del>выполняет работы лично, в установленные часы, на оборудовании Принципала, строго по его инструкциям</del> <ins>самостоятельно определяет способы исполнения поручений, вправе привлекать субагентов, использовать собственный инструмент и определять режим работы</ins>.
</div> </div>
<div class="comment"> <div class="comment-block">
<b>Зачем это изменение:</b> исходный пункт описывает трудовые отношения — личное исполнение, режим, оборудование работодателя. При налоговой проверке это основание переквалифицировать договор в трудовой и доначислить НДФЛ + взносы задним числом. Новая редакция закрепляет признаки самостоятельности. <span class="norm-tag">ст. 19.1 ТК РФ</span> <b>Зачем это изменение:</b> исходный пункт описывает трудовые отношения — личное исполнение, режим, оборудование работодателя. При налоговой проверке это основание переквалифицировать договор и доначислить НДФЛ + взносы задним числом. Новая редакция закрепляет признаки самостоятельности. <span class="norm-tag">ст. 19.1 ТК РФ</span>
</div> </div>
</div> </div>
</div> </div>
<div class="clause"> <div class="clause-block">
<div class="clause-header"> <div class="clause-head">
<span class="clause-num">п. 6.2 — Изменение вознаграждения</span> <span class="clause-ref">п. 6.2 — Изменение вознаграждения</span>
<span class="clause-badge badge-mid">● Средний</span> <span class="badge badge-mid">● средний</span>
</div> </div>
<div class="clause-body"> <div class="clause-body">
<div class="clause-text"> <div class="clause-text">
Размер агентского вознаграждения <del>может быть изменён Принципалом в одностороннем порядке с уведомлением за 3 дня</del><ins>изменяется только по письменному соглашению Сторон. Одностороннее изменение не допускается</ins>. Размер агентского вознаграждения <del>может быть изменён Принципалом в одностороннем порядке с уведомлением за 3 дня</del> <ins>изменяется только по письменному соглашению Сторон. Одностороннее изменение не допускается</ins>.
</div> </div>
<div class="comment"> <div class="comment-block">
<b>Зачем это изменение:</b> без этой правки Принципал мог снизить ваше вознаграждение за 3 дня без вашего согласия. Это прямое нарушение ст. 450 ГК. Новая редакция требует вашего письменного согласия на любое изменение. <span class="norm-tag">ст. 450 ГК РФ</span> <b>Зачем это изменение:</b> без этой правки Принципал мог снизить ваше вознаграждение за 3 дня без согласия. Новая редакция требует вашего письменного согласия на любое изменение. <span class="norm-tag">ст. 450 ГК РФ</span>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="footer"> <div class="doc-footer">
<div class="footer-brand">Подготовлено сервисом <b>ЗАЩИТА</b> · @wasrusgen1</div> Подготовлено с использованием системы <span>@wasrusgen1 | ЗАЩИТА</span>
<a class="back-link" href="mockup.html">← Вернуться</a> <br><a class="back-link" href="mockup.html">← К выбору варианта</a>
</div> </div>
</div> </div>
</body> </body>