Top.Mail.Ru
Темы, фон, кнопки и шрифт — Шаблон «Визитка» — Академия Padwork
Урок 5 · Оформление

🎨 Темы, фон, кнопки и шрифт

Оформление визитки настраивается на вкладке «Дизайн» в левой панели. Здесь собраны все визуальные параметры: готовые темы, фон, внешний вид кнопок и шрифт. Менять их можно в любой момент — результат сразу виден на экране-телефоне.

Панель «Дизайн»: темы, фон, цвет и форма кнопок, шрифт
Панель «Дизайн»: темы, фон, цвет и форма кнопок, шрифт

🌈 Готовые темы

Самый быстрый способ задать стиль — выбрать готовую тему. Каждая тема — это подобранное сочетание фона, цвета кнопок, их формы и шрифта. Доступны варианты на любой вкус: «Чистый», «Бумага», «Ночь», «Закат», «Поп», «Мята».

Тема применяется одним кликом и сразу меняет всю страницу. После этого любой параметр можно донастроить вручную — тема лишь задаёт отправную точку.


🖼 Фон

Фон задаётся тремя способами:

Цвет

Палитра однотонных фонов — от светлых (белый, «бумага») до ярких (коралл, лайм, фиолетовый). Padwork сам подбирает контрастный цвет текста, чтобы он оставался читаемым.

Градиент

Готовые плавные переходы цвета — «Закат», «Мята», «Ночь» и другие. Градиенты делают визитку выразительнее, оставаясь аккуратными.

Своё изображение

Доступно только в платной версии Этот функционал доступен только пользователям с активной подпиской Padwork.

Вместо цвета можно загрузить собственную картинку в качестве фона — например, фирменный паттерн или фото. Текст на тёмном фоне автоматически становится светлым.


🔘 Внешний вид кнопок

Кнопки-ссылки — основа визитки, поэтому их вид настраивается отдельно:

  • Цвет кнопок — акцентный цвет из палитры,
  • Форма — скруглённые, капсула или прямые углы,
  • Стиль — заливка, мягкая подложка, контур или «стекло».

Эти три параметра вместе задают характер страницы: строгий контур, яркая заливка или лёгкое «стекло» на градиенте.


🔤 Шрифт

Для всей визитки выбирается один из аккуратных шрифтов: Onest, Manrope, Geist или Unbounded. Первые три — спокойные и универсальные, Unbounded — выразительный, для ярких визиток брендов и мероприятий.


💡 Рекомендации по оформлению

  • Начните с готовой темы, а потом донастройте детали — так быстрее.
  • Держите один акцентный цвет для кнопок — страница выглядит цельной.
  • На градиенте и тёмном фоне хорошо смотрится стиль кнопок «Стекло».
  • Не используйте слишком пёстрый фон под мелкий текст — пострадает читаемость.

📖 Итог

В этом уроке вы разобрались с оформлением:

  • готовые темы задают стиль в один клик,
  • фон — цвет, градиент или своё изображение,
  • кнопки настраиваются по цвету, форме и стилю,
  • шрифт выбирается один на всю страницу.

В следующем уроке посмотрим на готовые шаблоны визиток.