Стиль сайта — цвета и шрифты
Поменяйте палитру и шрифты сайта за пару кликов — сразу видно на странице, применяется без ИИ и бесплатно. Двенадцать настроений, светлые и тёмные варианты, свои цвета.
Цвета и шрифты сайта заданы в одном месте, поэтому их можно сменить целиком, не трогая страницы: кнопки, заголовки, фон и плашки перекрашиваются согласованно.
Открыть
В поле чата нажмите значок палитры рядом со скрепкой. В сайдбаре откроется окно «Стиль сайта». На телефоне оно появится снизу поверх сайта.
Вверху окна видно, какие цвета и шрифты стоят на сайте сейчас.
Выбрать палитру
- Выберите настроение: «Надёжный», «Технологичный», «Минимализм», «Природный», «Премиум», «Аппетитный», «Энергичный», «Морской», «Игривый», «Романтичный», «Праздничный», «Уютный».
- У каждой палитры две кнопки — «Светлая» и «Тёмная». Нажмите — сайт сразу перекрасится в превью.
- Нравится — нажмите «Применить · бесплатно». Не нравится — выберите другую или нажмите «Как было».
Каждая палитра — четыре цвета: фон, основной (кнопки, акценты), акцент и дополнительный. Из них автоматически строятся все оттенки, которые использует сайт: светлые плашки, тёмный текст, цвета при наведении.
Свои цвета. Раскройте «Свои цвета», выберите четыре цвета и нажмите «Светлая» или «Тёмная».
Выбрать шрифты
Во второй части окна — пары шрифтов «заголовки / текст». Все с поддержкой кириллицы. Нажмите на пару — шрифты сменятся на сайте. Шрифты можно менять вместе с палитрой или отдельно.
Применить
«Применить» создаёт новую версию сайта за несколько секунд. ИИ в этом не участвует, кредиты не тратятся. Неудачную версию можно откатить, как любую другую.
Если на странице есть неприменённые правки (текст, перемещение), сначала примените или отмените их.
Светлая тема ↔ тёмная
Если сайт светлый, а вы выбрали тёмный вариант (или наоборот), фон и текст меняются местами. Большая часть сайта остаётся читаемой, но надписи поверх фото могут потерять контраст — это видно в превью. Поэтому такую смену выполняет ИИ: он ставит новые цвета и поправляет такие места. Кнопка в этом случае называется «Применить через ИИ», рядом — примерная цена.
Палитра в том же режиме (светлая на светлую, тёмная на тёмную) применяется напрямую и бесплатно.
Советы
- Начните с настроения, близкого к бизнесу: «Аппетитный» — для кафе и доставки, «Надёжный» — для услуг и юристов, «Уютный» — для гостиниц и детских садов.
- Шрифты с засечками (Playfair, Cormorant, Lora) делают сайт торжественнее, без засечек (Montserrat, Manrope, Onest) — современнее.
- Если на сайте есть цвета, заданные в коде вручную (например, фирменный цвет в картинке-логотипе), палитра их не трогает. Попросите ИИ подогнать их под новую палитру.
Чего пока нет
- Скругления, тени и плотность отступов из того же окна
- Сохранить свою палитру и применить её к другим проектам