Верстка – один из ключевых этапов создания веб‑ресурса. Чтобы отношения между заказчиком и исполнителем были прозрачными, юридически защищёнными и понятными, необходимо оформить договор услуг на верстку. В этой статье мы разберём, что должно входить в такой договор, какие риски устраняются, и предложим готовый шаблон, который можно адаптировать под свои нужды.
Что такое договор услуг на верстку?
Основные цели договора
- Определить объём и порядок выполнения работ.
- Установить сроки и порядок оплаты.
- Защитить интеллектуальную собственность обеих сторон.
- Снизить риск конфликтов и споров.
Структура типового договора услуг на верстку
Ниже перечислены обязательные разделы, которые должны присутствовать в любом договоре на верстку.
- Шапка договора
- Наименование документа (Договор оказания услуг № ___).
- Дата и место заключения.
- Полные реквизиты сторон (ФИО, ИНН, ОГРН, банковские реквизиты, контактные данные).
- Предмет договора
Чёткое описание того, что именно будет верстаться: количество страниц, типы шаблонов, адаптивность, кросс‑браузерность, интеграция с CMS и т.д.
- Объём работ (техническое задание)
Ссылка на ТЗ (может быть отдельным документом) и перечень ключевых пунктов:
- Верстка макетов (PSD, Figma, Sketch).
- Адаптивность (mobile‑first, breakpoint‑ы).
- Оптимизация кода (семантика, SEO‑дружественность).
- Тестирование в браузерах (Chrome, Firefox, Safari, Edge).
- Подключение шрифтов, иконок, анимаций.
- Сроки выполнения
Указываются общие сроки и контрольные даты (этапы):
- Дата начала работ.
- Сроки сдачи промежуточных версий (например, первая версия – 10 дней).
- Дата окончательной сдачи.
- Стоимость и порядок оплаты
В договоре необходимо прописать:
- Общую стоимость проекта (фиксированная цена или почасовая ставка).
- Этапы оплаты (предоплата, оплата после сдачи прототипа, окончательный расчёт).
- Реквизиты для перечисления средств.
- Штрафные санкции за просрочку платежа (например, 0,1 % от суммы за каждый день просрочки).
- Права на результаты работ
Самый важный пункт – распределение авторских прав:
- Исполнитель передаёт Заказчику исключительные права на готовый код.
- Указывается, что Заказчик получает право использовать, модифицировать и распространять результат без ограничений.
- Если часть кода (например, готовые UI‑компоненты) остаётся в собственности Исполнителя, это тоже фиксируется.
- Конфиденциальность
Обязательство сторон не раскрывать коммерческую информацию, макеты, коды и прочие материалы без согласия другой стороны.
- Ответственность сторон
Определяются:
- Штрафы за несоблюдение сроков сдачи (обычно 5–10 % от стоимости проекта за каждый просроченный день).
- Ответственность за нарушение авторских прав третьих лиц.
- Порядок возврата предоплаты в случае расторжения договора.
- Порядок сдачи и приёмки работ
Описывается процесс:
- Предоставление доступа к репозиторию (Git, Bitbucket).
- Тестирование и проверка соответствия ТЗ.
- Подписание акта приёмки‑сдачи (в электронном виде).
- Форс‑мажор и прочие обстоятельства
Кратко описываются случаи, когда стороны освобождаются от ответственности (стихийные бедствия, эпидемии и т.п.).
- Реквизиты и подписи сторон
Ключевые юридические нюансы
Интеллектуальная собственность
Согласно Гражданскому кодексу РФ, авторские права на программный код принадлежат его создателю, если иное не указано в договоре. Поэтому в договоре необходимо явно прописать передачу исключительных прав.
Ответственность за третьи‑сторонний контент
Если в верстке используются сторонние библиотеки, шрифты или изображения, исполнитель обязан убедиться, что у него есть лицензия на их использование. В противном случае риск нарушения авторских прав ложится на Заказчика.
Электронный документооборот
В 2026 году электронные подписи признаны полностью юридически значимыми. Поэтому акт приёмки‑сдачи и подписи сторон могут быть оформлены в электронном виде (например, через сервисы Диадок, СБИС).
Пример шаблона договора услуг на верстку
Ниже – готовый шаблон, который можно скопировать в любой текстовый редактор и адаптировать под конкретный проект.
<html lang="ru"> <head> <meta charset="UTF-8"> <>Договор оказания услуг № ___</> </head> <body> <h1 style="text-align:center;">Договор оказания услуг № ___</h1> <p>г.<span style="text-decoration:underline;">[Город]</span> «<span style="text-decoration:underline;">[Дата]</span>» 2026 г.</p> <h2>1. Стороны договора</h2> <ul> <li><b>Заказчик:</b> <span style="text-decoration:underline;">[ФИО / Наименование организации]</span>, ИНН <span style="text-decoration:underline;">[ИНН]</span>, ОГРН <span style="text-decoration:underline;">[ОГРН]</span>, адрес: <span style="text-decoration:underline;">[Юр. адрес]</span>.</li> <li><b>Исполнитель:</b> <span style="text-decoration:underline;">[ФИО / Наименование организации]</span>, ИНН <span style="text-decoration:underline;">[ИНН]</span>, банковские реквизиты: <span style="text-decoration:underline;">[Реквизиты]</span>.</li> </ul> <h2>2. Предмет договора</h2> <h2>3. Объём работ</h2> <ul> <li>Верстка <span style="text-decoration:underline;">[кол-во]</span> страниц сайта.</li> <li>Адаптивная верстка под устройства: мобильные, планшеты, десктопы (breakpoint‑ы: 320px, 768px, 1024px).</li> <li>Кросс‑браузерное тестирование в Chrome, Firefox, Safari, Edge (версии 2026 года).</li> <li>Оптимизация кода: семантическая разметка, минимизация CSS/JS, использование BEM‑методологии.</li> <li>Подключение шрифтов Google Fonts и иконок Font Awesome (версия 6).</li> </ul> <h2>4. Сроки выполнения</h2> <p>Начало работ – «<span style="text-decoration:underline;">[Дата]</span>». Предварительная сдача первой версии – «<span style="text-decoration:underline;">[Дата]</span>». Окончательная сдача – «<span style="text-decoration:underline;">[Дата]</span>».</p> <h2>5. Стоимость и порядок оплаты</h2> <ul> <li>Общая стоимость проекта – <b><span style="text-decoration:underline;">[Сумма цифрами и прописью]</span> рублей</b>.</li> <li>Предоплата – 30 % от стоимости, в течение 5 банковских дней после подписания договора.</li> <li>Оплата после сдачи первой версии – 30 % от стоимости.</li> <li>Окончательный расчёт – 40 % после подписания акта приёмки‑сдачи.</li> <li>Штраф за просрочку платежа – 0,1 % от суммы за каждый день просрочки.</li> </ul> <h2>6. Права на результаты работ</h2> <p>Исполнитель передаёт Заказчику исключительные права на созданный код, включая право на его использование, модификацию и распространение без ограничений. Авторские права на исходный код остаются у Исполнителя, но лицензируются Заказчику на неограниченный срок.</p> <h2>7. Конфиденциальность</h2> <p>Стороны обязуются не раскрывать конфиденциальную информацию, полученную в ходе исполнения договора, без письменного согласия другой стороны.</p> <h2>8. Ответственность сторон</h2> <ul> <li>За просрочку сдачи работ Исполнитель уплачивает штраф в размере 5 % от стоимости проекта за каждый календарный день задержки.</li> <li>За просрочку оплаты Заказчик уплачивает штраф в размере 0,1 % от суммы за каждый день просрочки.</li> <li>Исполнитель гарантирует, что использованный в верстке код не нарушает прав третьих лиц.</li> </ul> <h2>9. Порядок сдачи и приёмки</h2> <p>По завершении работ Исполнитель передаёт Заказчику доступ к репозиторию (Git) и архиву с готовыми файлами. Заказчик в течение 5 рабочих дней проверяет соответствие ТЗ и подписывает акт приёмки‑сдачи (в электронном виде).</p> <h2>10. Форс‑мажор</h2> <p>Стороны освобождаются от ответственности за полное или частичное неисполнение обязательств, вызванное обстоятельствами непреодолимой силы, подтверждёнными официальными документами.</p> <h2>11. Прочие условия</h2> <p>Все изменения и дополнения к настоящему договору действительны только в письменной форме и подписываются обеими сторонами.</p> <h2>12. Реквизиты и подписи сторон</h2> <table border="0" cellpadding="5" cellspacing="0" width="100%" style="font-size:14px;"> <tr> <td width="50%"> <b>Заказчик:</b><br> ________________________________<br> (подпись, ФИО)<br> М.П. </td> <td width="50%"> <b>Исполнитель:</b><br> ________________________________<br> (подпись, ФИО)<br> М.П. </td> </tr> </table> </body>
Практические рекомендации при заключении договора
- Тщательно проработайте ТЗ. Чем подробнее будет техническое задание, тем меньше будет «серых зон» в процессе работы.
- Установите контрольные точки. Приёмка промежуточных версий (например, «мокап», «прототип», «финальная верстка») помогает быстро выявлять отклонения.
- Проверьте лицензии. Если в макете использованы сторонние шрифты, иконки или скрипты, убедитесь, что у вас есть права их использовать.
- Согласуйте порядок исправлений. Укажите, сколько раундов правок включено в стоимость и как будет оплачиваться дополнительная работа.
- Не забывайте о поддержке. Если требуется пост‑проектная поддержка (исправление багов, небольшие доработки), оформите отдельный пункт или отдельный договор.
Часто задаваемые вопросы (FAQ)
Нужно ли указывать в договоре, какие браузеры поддерживаются?
Да. Укажите конкретные версии браузеров и минимальные требования к разрешению экрана. Это избавит от споров о «нерабочих» страницах.
Как оформить передачу прав, если я использую готовый UI‑kit?
В таком случае в договоре следует указать, что права на элементы UI‑kit остаются у их правообладателя, а Заказчик получает право использовать их в рамках проекта без ограничения.
Можно ли отказаться от предоплаты?
Теоретически да, но без предоплаты Исполнитель теряет гарантию получения оплаты. Поэтому рекомендуется фиксировать хотя бы 20‑30 % предоплаты.
Что делать, если Заказчик отказывается подписать акт приёмки?
Сначала уточните причины отказа, предложите исправить замечания. Если разногласия сохраняются, задокументируйте факт сдачи (скриншоты, электронные письма) и обратитесь к арбитражному суду в соответствии с пунктом «Форс‑мажор» и «Ответственность сторон».
Договор услуг на верстку – фундаментальный документ, который защищает интересы как Заказчика, так и Исполнителя. Правильно составленный договор позволяет избежать недоразумений, ускорить процесс разработки и гарантировать, что конечный продукт будет соответствовать ожиданиям обеих сторон.
Не забывайте, что каждый проект уникален, поэтому шаблон договора следует адаптировать под конкретные условия, а при необходимости проконсультироваться с юристом, специализирующимся на IT‑праве.
Дата публикации статьи: 25 мая 2026 г.