mirror of
https://github.com/wasrusgen/zashita-brandbook.git
synced 2026-06-03 15:04:49 +00:00
130 lines
11 KiB
HTML
130 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Образец — Партнёрская редакция</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
*{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}
|
||
.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{background:#9f1239;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;padding:7px;text-transform:uppercase}
|
||
.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-head{padding:32px 40px 24px;border-bottom:1px solid #e8e8e8}
|
||
.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}
|
||
.doc-type{font-size:11px;font-weight:700;color:#9f1239;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
|
||
.doc-title{font-size:20px;font-weight:700;color:#111;margin-bottom:4px}
|
||
.doc-sub{font-size:13px;color:#888}
|
||
.doc-meta{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}
|
||
.doc-meta span{font-size:12px;color:#666}
|
||
.doc-meta b{color:#111}
|
||
.doc-body{padding:32px 40px}
|
||
.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-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9f1239;margin-bottom:8px}
|
||
.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}
|
||
.section-title:first-child{margin-top:0}
|
||
.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-name{font-weight:700;font-size:13px;margin-bottom:2px}
|
||
.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}
|
||
.sign-party{font-size:12px;color:#666}
|
||
.sign-party .party-name{font-weight:700;color:#111;font-size:13px;margin-bottom:4px}
|
||
.sign-line{border-top:1px solid #ccc;margin-top:32px;padding-top:6px;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}
|
||
.footer-brand{font-size:11px;color:#aaa}
|
||
.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}
|
||
.back-link:hover{background:#fdf2f8}
|
||
@media(max-width:600px){.doc-body,.doc-head{padding:20px}.parties,.sign-block{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="doc">
|
||
<div class="sample-bar">⚠ Образец документа — содержание не является реальным заключением</div>
|
||
<div class="partner-bar">🤝 Партнёрская редакция — учтены интересы обеих сторон</div>
|
||
<div class="doc-head">
|
||
<div class="doc-logo"><img src="logos/logo-wasrusgen1-real.svg" alt="@wasrusgen1"></div>
|
||
<div class="doc-type">Партнёрская редакция</div>
|
||
<div class="doc-title">Агентский договор № А-2024/___</div>
|
||
<div class="doc-sub">Взаимовыгодная редакция · ЗАЩИТА · баланс интересов сторон</div>
|
||
<div class="doc-meta">
|
||
<span><b>Защита Агента:</b> ✓ полная</span>
|
||
<span><b>Защита Принципала:</b> ✓ полная</span>
|
||
<span><b>Дата:</b> __.__.2025</span>
|
||
</div>
|
||
</div>
|
||
<div class="doc-body">
|
||
<div class="preamble">
|
||
<div class="preamble-title">💬 Основание для подписания</div>
|
||
Настоящий договор составлен с учётом интересов обеих сторон: Агент получает чёткие границы ответственности и предсказуемые условия работы; Принципал — надёжного исполнителя с понятными обязательствами. Условия договора исключают основания для споров при добросовестном исполнении каждой из сторон.
|
||
</div>
|
||
|
||
<div class="parties">
|
||
<div class="party-card">
|
||
<div class="party-role">Принципал</div>
|
||
<div class="party-name">ООО «_______________»</div>
|
||
<div class="party-detail">ИНН ____________, ОГРН ____________</div>
|
||
<div class="party-detail">в лице директора ________________</div>
|
||
</div>
|
||
<div class="party-card">
|
||
<div class="party-role">Агент</div>
|
||
<div class="party-name">________________ (ФИО)</div>
|
||
<div class="party-detail">Паспорт: ______ №__________</div>
|
||
<div class="party-detail">ИНН: ____________</div>
|
||
</div>
|
||
</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.2.</span> Ответственность Агента перед Принципалом ограничена суммой вознаграждения по поручению. Ответственность перед потребителем несёт Принципал. <span class="balance-tag tag-a">→ Агент</span></div>
|
||
<div class="clause"><span class="clause-num">1.3.</span> Принципал гарантирует своевременную передачу поручений и оплату в установленные сроки. <span class="balance-tag tag-p">→ Принципал</span></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.2.</span> Принципал обеспечивает доступ к объекту в согласованное время. При невозможности доступа поручение переносится без штрафных санкций. <span class="balance-tag tag-both">↔ обе стороны</span></div>
|
||
<div class="clause"><span class="clause-num">2.3.</span> Агент определяет режим работы самостоятельно, исходя из согласованных сроков. <span class="balance-tag tag-a">→ Агент</span></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.2.</span> Выплата — в течение 3 рабочих дней после подписания акта. При задержке начисляются пени 0,1% в день. <span class="balance-tag tag-a">→ Агент</span></div>
|
||
<div class="clause"><span class="clause-num">3.3.</span> Акт подписывается Принципалом в течение 2 рабочих дней. При отсутствии мотивированного отказа считается принятым. <span class="balance-tag tag-both">↔ обе стороны</span></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.2.</span> Принципал несёт полную ответственность перед третьими лицами как продавец товара. <span class="balance-tag tag-p">→ Принципал</span></div>
|
||
<div class="clause"><span class="clause-num">4.3.</span> Форс-мажор освобождает обе стороны от ответственности при уведомлении в течение 3 дней. <span class="balance-tag tag-both">↔ обе стороны</span></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.2.</span> По инициативе Принципала — уведомление за 30 дней; при нарушении — компенсация 2 поручения. <span class="balance-tag tag-a">→ Агент</span></div>
|
||
<div class="clause"><span class="clause-num">5.3.</span> По инициативе Агента — уведомление за 14 дней; незавершённые поручения передаются в срок. <span class="balance-tag tag-p">→ Принципал</span></div>
|
||
|
||
<div class="sign-block">
|
||
<div class="sign-party">
|
||
<div class="party-name">Принципал</div>
|
||
<div>____________________________</div>
|
||
<div class="sign-line">Подпись / Дата / Печать</div>
|
||
</div>
|
||
<div class="sign-party">
|
||
<div class="party-name">Агент</div>
|
||
<div>____________________________</div>
|
||
<div class="sign-line">Подпись / Дата</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer-brand">Подготовлено сервисом <b>ЗАЩИТА</b> · @wasrusgen1</div>
|
||
<a class="back-link" href="mockup.html">← Вернуться</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|