mirror of
https://github.com/wasrusgen/zashita-brandbook.git
synced 2026-06-03 15:04:49 +00:00
119 lines
9.8 KiB
HTML
119 lines
9.8 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}
|
||
.ready-bar{background:#dcfce7;color:#16a34a;text-align:center;font-size:12px;font-weight:700;padding:9px;letter-spacing:1px}
|
||
.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:#16a34a;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}
|
||
.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}
|
||
.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="ready-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> 12 из 12</span>
|
||
<span><b>Статус:</b> Готов к подписанию</span>
|
||
<span><b>Дата:</b> __.__.2025</span>
|
||
</div>
|
||
</div>
|
||
<div class="doc-body">
|
||
<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> Агент обязуется за вознаграждение совершать по поручению Принципала юридические и иные действия по организации сборки мебели от своего имени, но за счёт Принципала.</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="section-title">2. Порядок исполнения</div>
|
||
<div class="clause"><span class="clause-num">2.1.</span> Поручения передаются Принципалом в письменной форме (электронное сообщение допустимо) с указанием объёма, адреса и срока.</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="section-title">3. Вознаграждение</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.3.</span> Изменение размера вознаграждения допускается только по письменному соглашению Сторон.</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.2.</span> Ответственность Агента за ненадлежащее исполнение ограничена размером агентского вознаграждения по соответствующему поручению.</div>
|
||
<div class="clause"><span class="clause-num">4.3.</span> Принципал несёт ответственность перед третьими лицами (потребителями) самостоятельно.</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.2.</span> Расторжение по инициативе Принципала — уведомление не менее чем за 30 дней. При нарушении срока Принципал выплачивает компенсацию в размере вознаграждения за 2 поручения.</div>
|
||
<div class="clause"><span class="clause-num">5.3.</span> Расторжение по инициативе Агента — уведомление не менее чем за 14 дней.</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>
|