Вы просили минималистично, современно, быстро и бюджетно, и начать с одного сайта. Ниже — рабочая страница: один и тот же макет переключается между четырьмя тематиками и тремя шириными экрана. Кликайте кнопки — всё меняется вживую.
Переключатель темы меняет палитру, скругления, шрифт заголовков и регистр — структура остаётся той же. Это и есть ответ на «10–15 сайтов быстро и бюджетно»: второй сайт не рисуется заново, он собирается из готовой системы.
Всё различие сети сайтов сведено к одному короткому набору переменных. Их правка занимает минуты, а не день вёрстки.
--s-brand: #1d4ed8акцент: кнопки, ссылки, иконки--s-ink: #141a22основной текст--s-alt: #f7f9fcфон вторичных блоков--s-radius: 10pxскругления по всему сайту--s-displayшрифт заголовков--s-capsрегистр логотипа и заголовковЧтобы «дизайн сайта» не остался словом: вот что вы получаете по каждому из 10–15 сайтов.
| Что | Объём | Как сдаётся |
|---|---|---|
| Главная страница | 7 секций | макет + свёрстанная страница |
| Ширины экрана | 3 (1440 / 768 / 375) | одна вёрстка, без отдельных макетов |
| Внутренние шаблоны | 3 (услуга, список, контакты) | на той же сетке |
| Состояния элементов | кнопки, поля, ошибки формы | показаны наглядно |
| Набор переменных темы | 6 значений | один файл на сайт |
| Исходник | Figma + HTML/CSS | ссылка, ничего не нужно ставить |
На нём утверждаются сетка, типографика и состояния. Дальше он работает как образец для остальных.
Собираются на той же системе: новая тема, свои тексты и картинки, структура не переделывается.
Ни Tilda, ни Wix. Чистая вёрстка — её можно поставить на любой движок и передать любому разработчику.
Порядок рассчитан на то, что сайтов будет много: сначала система, потом тираж.