Темы оформления
Восемь тем и фирменная на пяти сайтах. В каждой карточке первый экран главной на 1366 px (слева) и на 375 px (справа), по клику полный размер. Клиенту показываются 3-4 темы из рекомендации, остальные по кнопке "показать ещё". Сгенерировано pipeline/theme-sheets.mjs 2026-10-09.
| # | Тема | Для кого | Чем отличается | Оси |
|---|---|---|---|---|
| 1 | Деловая | юристы, бухгалтерия, логистика, B2B, страхование | Строгий гротеск, графит с синим, острые углы, услуги строками как в прайсе, плотная подача. Фото рядом с текстом, а не во весь экран. | hero: split layout: list fonts: strict palette: graphite density: compact radius: sharp buttons: solid |
| 2 | Тёплая, на фото | кафе, пекарни, салоны, фотографы, мастерские | Фото на весь первый экран, заголовки с засечками, терракотовая палитра, фото и текст чередуются. Нужны хорошие снимки. | hero: photo layout: alternate fonts: serif palette: terracotta density: airy radius: soft buttons: pill |
| 3 | Яркая продающая | эвакуатор, грузоперевозки, мастер на час, срочный ремонт | Форма заявки прямо на первом экране, жирный округлый гротеск, коралловый акцент с жёлтой полосой, кнопки-капсулы, карточки услуг с ценами, компактно. | hero: form layout: cards fonts: soft palette: coral density: compact radius: round buttons: pill |
| 4 | Минимализм | архитекторы, дизайнеры, частные специалисты, консультанты | Без фото на первом экране: очень крупный заголовок, чёрно-белая гамма, много воздуха, контурные кнопки, списки вместо карточек. | hero: type layout: list fonts: strict palette: ink density: airy radius: sharp buttons: outline |
| 5 | Премиум | салоны красоты высокого класса, ресторан, интерьер, ремонт под ключ | Тёмный фон с золотом, заголовки с засечками, высокое фото рядом с текстом в тонкой рамке, прописные кнопки, фото и текст чередуются. | hero: split layout: alternate fonts: serif palette: noir density: airy radius: sharp buttons: caps |
| 6 | Дружелюбная | клининг, детские услуги, ветклиника, автошкола, курсы | Мягкий округлый гротеск, бирюза, круглые углы и кнопки-капсулы, карточки с иконками, фото рядом с текстом. | hero: split layout: cards fonts: soft palette: ocean density: airy radius: round buttons: pill |
| 7 | Производство | производство, автосервис, стройка, спецтехника, металл | Жёлтый с графитом, высокий узкий шрифт прописными, острые углы, форма расчёта на первом экране поверх затемнённого фото, услуги строками как в прайсе, плотно. | hero: form layout: list fonts: display palette: amber density: compact radius: sharp buttons: caps |
| 8 | Загородная | бани и дома, сад, базы отдыха, ферма, ландшафт | Коллаж из фото на первом экране, зелёная палитра, мягкий гротеск, круглые углы, фото и текст чередуются. | hero: collage layout: alternate fonts: soft palette: forest density: airy radius: round buttons: pill |
| 9 | Фирменная | у клиента есть узнаваемые цвета | Цвета со старого сайта или логотипа (pipeline/brand-extract.mjs), контраст подправлен до WCAG AA, остальные оси от ближайшей темы. | palette: brand |
s00. Логитэк
Фирменные цвета: #078dd0 (logo+screenshot+css), оси от темы "bold"; цвет ссылок #078dd0 затемнён до #0771a8
Рекомендатель предлагает
- 1. Яркая продающая: подходит нише (срочные и выездные услуги)
- 2. Фирменная: фирменные цвета клиента (#078dd0, источник: logo+screenshot+css) на основе темы "Яркая продающая", контраст подправлен до AA
- 3. Производство: подходит нише (срочные и выездные услуги); 224 позиций с ценами удобно читать строками
- 4. Деловая: подходит нише (срочные и выездные услуги); 224 позиций с ценами удобно читать строками; палитра близка к фирменному цвету #078dd0
s04. Beauty Point
Фирменные цвета: #c6a66f (logo+css), оси от темы "premium"; цвет ссылок #c6a66f затемнён до #876535
Рекомендатель предлагает
- 1. Премиум: подходит нише (красота); палитра близка к фирменному цвету #c6a66f
- 2. Фирменная: фирменные цвета клиента (#c6a66f, источник: logo+css) на основе темы "Премиум", контраст подправлен до AA
- 3. Тёплая, на фото: подходит нише (красота); есть 45 крупных фото, главное фото годится на весь экран; палитра близка к фирменному цвету #c6a66f
- 4. Загородная: хватает фото на коллаж (45 крупных)
s08. Эвакуатор
Фирменные цвета: #c44b00 #0274be (css), оси от темы "bold"; цвет ссылок #c44b00 затемнён до #ba4700
Рекомендатель предлагает
- 1. Яркая продающая: подходит нише (срочные и выездные услуги); первый экран с формой заявки не требует фото; палитра близка к фирменному цвету #c44b00
- 2. Фирменная: фирменные цвета клиента (#c44b00, #0274be, источник: css) на основе темы "Яркая продающая", контраст подправлен до AA
- 3. Производство: подходит нише (срочные и выездные услуги); 6 позиций с ценами удобно читать строками; палитра близка к фирменному цвету #c44b00
- 4. Минимализм: мало крупных фото (2), тема на них не опирается; 6 позиций с ценами удобно читать строками
s11. Юридическая Компания «РИМ»
Фирменных цветов не нашлось, фирменная тема не собиралась.
Рекомендатель предлагает
- 1. Деловая: подходит нише (деловые услуги); 59 позиций с ценами удобно читать строками
- 2. Минимализм: подходит нише (деловые услуги); мало крупных фото (1), тема на них не опирается; 59 позиций с ценами удобно читать строками
- 3. Яркая продающая: первый экран с формой заявки не требует фото
- 4. Производство: 59 позиций с ценами удобно читать строками
n03. Наш гараж 54
Фирменных цветов не нашлось, фирменная тема не собиралась.
Рекомендатель предлагает
- 1. Производство: подходит нише (автосервис, производство, стройка)
- 2. Яркая продающая: подходит нише (автосервис, производство, стройка); первый экран с формой заявки не требует фото; цен нет, главное действие: заявка
- 3. Минимализм: хорошо смотрится без фото: держится на крупной типографике
- 4. Деловая: подходит нише (автосервис, производство, стройка)
