Петербургская Резиденция

Петербургская Резиденция
Проектная команда:
Kampika
Площадь:
0.14 га
Локация:
Санкт-Петербург
Год:
2026
Описание проекта
Каждый городской житель мечтает о своём приватном зелёном пространстве. Наши заказчики – не исключение. Мы создали проект премиальной резиденции в классическом стиле под стать архитектуре. Владелец – коллекционер различных предметов искусства, для которых предусмотрены несколько зон с подсветкой. Таким образом сад превращается в арт-пространство.
14 соток
Поддерживает эту концепцию и озеленение: стриженые под куб липы, боскеты из туй, формованные хвойные и лиственные деревья – все это создаёт игру объёмов, а природные формы горных сосен и воздушных злаков смягчают композиции. Приватность создаёт изгородь из туй по периметру сада.
Мощение – рисунок из гранита – подчёркивает петербургский стиль и архитектуру дома, создавая динамику пространства. В этом проекте нет лишних элементов и навязчивого дизайна. Только самое необходимое – минимализм в классическом исполнении.
Скрипт слайдера
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки слайдера перейдите в окно настроек, для этого выделите этот блок или блок с кодом или любой элемент слайдера, кнопка настроек появится на панели инструментов справа.
  1. Создайте карточки для слайдера, для этого объедините содержимое карточек в группы типа Object.
  2. Задайте каждой карточке класс slide
  3. Объедините все карточки в одну группу типа Object и задайте ей свойство Autolayout и присвойте класс tf_slider
  4. Настройте gap (расстояние между карточками) и ширину видимой части слайдера tf_slider. Сколько карточек попадет в эту ширину, столько и будет одновременно видимы.
  5. За счет изменения ширины tf_slider вы можете настроить разное количество карточек на разных брейкпоинтах.
  6. Задайте классы для кнопок слайдера: для кнопки «назад» tf_slider-prev, для кнопки «вперед» tf_slider-next
  7. Для счетчика текущей страницы слайдера задайте класс у текстового поля tf_slider-current, для счетчика общего количества страниц задайте класс tf_slider-total
  8. Добавьте точку (страницы), присвойте им класс dot. Вы можете использовать точку в виде объекта Tilda-кнопки, тогда активное состояние будет определять вид активной точки.
  9. Объедините точки в общую группу, задайте ей свойство Autolayout, группе задайте класс tf_slider-dots
  10. Все элементы навигации можно располагать в разных частях экрана, или удалить, если не нужны (оставить только стрелки)
  11. Если в одном Зероблоке больше чем один слайдер, последующим слайдерам задавайте имя
  • Слайдер: tf_slider-1
  • Кнопки: tf_slider-prev-1, tf_slider-next-1
  • Точки: tf_slider-dots-1
  • Счетчики: tf_slider-current-1, tf_slider-total-1
  • Для второго/третьего слайдера: tf_slider-2, tf_slider-3 и т.д.
12. Используйте панель Tildify Elements для настройки свойств слайдера. Для этого выделите элементы слайдера или конфиг слайдера (блок Скрипт слайдера), панель управления появится справа на панели настроек Zero Block.
Портфолио Kampika
Мы сопровождаем проект на всех этапах — от идеи до реализации