T
РЕКЛАМА • ООО «СЗ «СПРИНГС»
интерактивное путешествие к источнику гармонии
Жить в городе — значит забыть о балансе? А что если потоки свежего воздуха и чистой воды обретут форму здания? И с его волнообразных ярусов, устремляющихся к небу, будут открываются редкие виды на город, которые вдохновят пристальнее всмотреться и в себя. Вместе с девелопером UNIQ рассказываем о семи составляющих для перезагрузки в мегаполисе, которые можно найти в Springs — новом формате жилья в Москве.
отправиться в путешествие
{"points":[{"id":25,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":27,"properties":{"x":0,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":26,"properties":{"duration":0.2,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
фото: Midjourney, кристина анненкова
после нажатия на кнопку на этом же экране появляется карта:
<![CDATA[<style>
#article{
height:960px;
}
[name="start_btn"],
[name*="_backbtn"],
[name*="_audio_text"]
{
cursor:pointer;
}
[name*="_audio_text"]{
position:relative;
}
[name*="_audio_text"] .content{
border-color: transparent!important;
transition: border-color 0.3s ease;
}
[name*="_audio_text"] .content:hover span{
text-transform:underline;
}
[name*="_audio_text"].playing .content{
border-color: rgb(255, 255, 255)!important;
transition: border-color 0.3s ease;
}
[name*="_audio_text"] .content:before{
content:"";
background:url("https://theblueprint.ru/upload/38327/vms/9d486958b13ee0ee4767acd605535534.svg");
background-repeat:no-repeat;
background-size: contain;
height:24px;
width:24px;
top:6px;
right:20px;
transition: all 0.3s;
opacity:1;
display: block;
position: absolute;
}
[name*="_audio_text"] .content:after{
content:"";
background:url("https://theblueprint.ru/upload/38327/vms/f7b504c2495e855ebec58577fcde4387.svg");
background-repeat:no-repeat;
background-size: contain;
height:24px;
width:24px;
top:6px;
right:16.7px;
transition: all 0.3s;
opacity:0;
display: block;
position: absolute;
}
[name*="_audio_text"].playing .content:before{
opacity:0;
transition:all 0.3s;
}
[name*="_audio_text"].playing .content:after{
opacity:1;
transition:all 0.3s;
}
[name^="showbutton_"] {
cursor:pointer;
position:relative;
}
[name^="showbutton_"]:not([name^="showbutton_center"],[name^="showbutton_reset_btn"]) .content:before {
content: "";
width: 16px;
height: 16px;
position: absolute;
bottom: -20px;
border: 1px solid #fff;
border-radius: 50%;
left: calc(50% - 8px);
}
[name^="showbutton_"]:not([name^="showbutton_center"],[name^="showbutton_reset_btn"]) .content:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
bottom: -16px;
border: 1px solid #fff;
background:#fff;
border-radius: 50%;
left: calc(50% - 4px);
}
.showbutton-pulse .content:after,
.showbutton-pulse .content:before{
animation: showbuttonPulse 1.2s ease-in-out infinite;
}
@keyframes showbuttonPulse{
0%{ transform: scale(1); }
40%{ transform: scale(1.15); }
70%{ transform: scale(0.9); }
100%{ transform: scale(1); }
}
.object.visited{
opacity:0.5!important;
}
</style>
<script>
$(document).ready(function () {
const $root = $('#article .body');
let isTransitioning = false;
let activeAudio = null;
let maxButtons = 7;
const audioMap = {
2: 'https://theblueprint.ru/upload/38327/yoga.mp3',
3: 'https://theblueprint.ru/upload/38327/park.mp3',
4: 'https://theblueprint.ru/upload/38327/plastika.mp3',
5: 'https://theblueprint.ru/upload/38327/prootdelki.mp3'
};
const audioObjects = {};
let vimeoPlayer = null;
function startPulseCycle(){
$root.find('[name^="showbutton_"]').addClass('showbutton-pulse');
}
function stopPulse(){
$root.find('[name^="showbutton_"]').removeClass('showbutton-pulse');
}
// ================= AUDIO =================
function getAudio(id){
if(!audioMap[id]) return null;
if(!audioObjects[id]){
const audio = new Audio(audioMap[id]);
audio.loop = true;
audio.volume = 0;
audioObjects[id] = audio;
}
return audioObjects[id];
}
let fadeInterval = null;
const maxVolume = 1; // максимальная громкость
const fadeTime = 1000; // время фейда в ms
function fadeAudioIn(audio){
if(!audio) return;
clearInterval(fadeInterval);
audio.volume = 0;
audio.play();
const step = maxVolume / (fadeTime / 50);
fadeInterval = setInterval(function(){
if(audio.volume < maxVolume){
audio.volume = Math.min(maxVolume, audio.volume + step);
}else{
clearInterval(fadeInterval);
}
}, 50);
}
function fadeAudioOut(audio){
if(!audio) return;
clearInterval(fadeInterval);
const step = maxVolume / (fadeTime / 50);
fadeInterval = setInterval(function(){
if(audio.volume > 0){
audio.volume = Math.max(0, audio.volume - step);
}else{
clearInterval(fadeInterval);
audio.pause();
}
}, 50);
}
function stopActiveAudio(){
if(activeAudio){
fadeAudioOut(activeAudio);
activeAudio = null;
}
}
function videoCommand(method){
const video = $root.find('.object[data-id="117"] video')[0];
if(!video) return;
if(method === 'play'){
video.play();
}
}
function refreshBackdrop() {
const $blurBlocks = $root.find('[data-backdrop-filter] .content');
$blurBlocks.each(function(){
const $el = $(this);
const filter = $el.css('backdrop-filter');
if(!filter || filter === 'none') return;
// временно выключаем blur
$el.css('backdrop-filter','none');
// forcing reflow
this.offsetHeight;
// возвращаем blur
$el.css('backdrop-filter', filter);
});
}
function goToItemsGroup(currentId, targetId){
if(targetId < 1 || targetId > maxButtons){
isTransitioning = false;
return;
}
hideItemsGroup(currentId).done(function(){
const $btn = $root.find(`[name="showbutton_${targetId}"]`);
if($btn.length){
$btn.addClass('visited');
$btn.removeClass('showbutton-pulse');
}
showItemsGroup(targetId).done(function(){
isTransitioning = false;
});
});
}
$root.on('click','[name$="_next"]',function(){
if(isTransitioning) return;
isTransitioning = true;
const match = $(this).attr('name').match(/^item_([0-9]+)_next$/);
if(!match){
isTransitioning = false;
return;
}
const currentId = parseInt(match[1],10);
const nextId = currentId + 1;
goToItemsGroup(currentId, nextId);
});
$root.on('click','[name$="_prev"]',function(){
if(isTransitioning) return;
isTransitioning = true;
const match = $(this).attr('name').match(/^item_([0-9]+)_prev$/);
if(!match){
isTransitioning = false;
return;
}
const currentId = parseInt(match[1],10);
const prevId = currentId - 1;
goToItemsGroup(currentId, prevId);
});
// ================= HELPERS =================
function moveShowButtons(){
const $buttons = $root.find(`[name^="showbutton"]`);
$buttons.each(function(){
const $el = $(this);
let originalTop = $el.data('original-top');
if(originalTop === undefined){
originalTop = parseInt($el.css('top'),10) || 0;
$el.data('original-top', originalTop);
}
const newTop = originalTop - 1130;
$el.css('top', newTop + 'px');
});
}
function resetShowButtons(){
const $buttons = $root.find(`[name^="showbutton_"]`);
$buttons.each(function(){
const $el = $(this);
const originalTop = $el.data('original-top');
if(originalTop !== undefined){
$el.css('top', originalTop + 'px');
}
});
}
// ================= SHOW ITEMS =================
function showItemsGroup(id){
const defer = $.Deferred();
const $topLine = $root.find(`.object[name="topline_${id}"]`);
const topLineTop = parseInt($topLine.css('top'),10) || 0;
const $elements = $root.find(`.object[name^="item_${id}"]`);
$elements.each(function(){
const $el = $(this);
let originalTop = $el.data('original-top');
if(originalTop === undefined){
originalTop = parseInt($el.css('top'),10) || 0;
$el.data('original-top', originalTop);
}
const newTop = originalTop - topLineTop - 50;
// сначала скрываем
$el.hide();
// потом смещаем
$el.css('top', newTop + 'px');
});
// и только потом показываем
$elements.fadeIn(300);
setTimeout(function(){
refreshBackdrop();
defer.resolve();
},300);
return defer.promise();
}
function hideItemsGroup(id){
const defer = $.Deferred();
const $elements = $root.find(`.object[name^="item_${id}"]`);
const animations = [];
$elements.each(function(){
const $el = $(this);
const originalTop = $el.data('original-top');
const anim = $el.fadeOut(300).promise().then(function(){
if(originalTop !== undefined){
$el.css('top', originalTop + 'px');
}
});
animations.push(anim);
});
$.when.apply($, animations).done(function(){
stopActiveAudio();
defer.resolve();
});
return defer.promise();
}
// ================= START BTN =================
$root.on('click','[name="start_btn"]',function(){
if(isTransitioning) return;
isTransitioning = true;
const $start = $root.find('[name="start_btn"],[name="start_blck"]');
$start.fadeOut(400).promise().done(function(){
moveShowButtons();
$root.find('[name^="showbutton_"]').fadeIn(300);
videoCommand('play');
startPulseCycle();
isTransitioning = false;
});
});
// ================= SHOWBUTTON =================
$root.on('click','[name^="showbutton_"]',function(){
if(isTransitioning) return;
isTransitioning = true;
const $btn = $(this);
const match = $btn.attr('name').match(/^showbutton_([0-9]+)$/);
if(!match){
isTransitioning = false;
return;
}
const id = parseInt(match[1],10);
resetShowButtons();
$btn.addClass('visited');
$btn.removeClass('showbutton-pulse');
showItemsGroup(id).done(function(){
isTransitioning = false;
});
});
// ================= BACK BTN =================
$root.on('click','[name$="_backbtn"]',function(){
if(isTransitioning) return;
isTransitioning = true;
const match = $(this).attr('name').match(/^item_([0-9]+)_backbtn$/);
if(!match){
isTransitioning = false;
return;
}
const id = parseInt(match[1],10);
hideItemsGroup(id).done(function(){
moveShowButtons();
isTransitioning = false;
});
});
// ================= RESET BTN =================
$root.on('click','[name="showbutton_reset_btn"]',function(){
if(isTransitioning) return;
isTransitioning = true;
resetShowButtons();
$root.find('[name^="showbutton_"]').fadeOut(300).promise().done(function(){
$root.find('[name="start_btn"],[name="start_blck"]').fadeIn(300);
isTransitioning = false;
});
});
// ================= AUDIO CLICK =================
$root.on('click','[name$="_audio"],[name$="_audio_text"]',function(){
const $btn = $(this);
const match = $btn.attr('name').match(/^item_([0-9]+)_audio/);
if(!match) return;
const id = parseInt(match[1],10);
const audio = getAudio(id);
if(!audio) return;
if(activeAudio === audio){
fadeAudioOut(audio);
activeAudio = null;
$btn.removeClass('playing');
$btn.find('.editor span').text('Включить звук');
}else{
stopActiveAudio();
activeAudio = audio;
fadeAudioIn(audio);
$btn.addClass('playing');
$btn.find('.editor span').text('Выключить звук');
}
});
});
</script>]]> НАВЕДИТЕ и кликните на НАЗВАНИЕ
{"points":[{"id":25,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":27,"properties":{"x":0,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":26,"properties":{"duration":0.2,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
<![CDATA[<style>
.fotorama__nav__frame--dot .fotorama__dot {
border-color: #ffffff !important;
}
.fotorama__stage {
border-radius: 15px;
}
.fotorama__nav-wrap {
margin-top: -30px;
}
</style>]]> Расположение нового дома Springs — редкий пример городского баланса: wellness-резиденции окружены семью парками, включая Филевский, до которого всего минута пешком. Деревья бережно отделяют пространство от шума мегаполиса, сохраняя ощущение тишины и чистого воздуха.
При этом от Springs удобно добираться и до центра деловой жизни — рядом Москва-Сити, МГУ, быстрые выезды на Кутузовский проспект и проспект Багратиона, а также равноудаленные маршруты в сторону Рублево-Успенского и Новорижского направлений. В большом городе это становится особой роскошью: неспешные семейные прогулки по паркам и набережной рядом с домом можно чередовать с активным московским ритмом.
Приватный wellness-центр на первом этаже — это смысловое ядро Springs, которое превращает заботу о себе в естественную часть дня. Утро можно начать в бассейне, а вечер завершить в тишине каменного хаммама или в зале для йоги — для этого надо просто спуститься на лифте. А если хочется тренировку на свежем воздухе, то на территории есть специальная зона под открытым небом. Панорамное остекление, фитнес-зал с новейшим оборудованием, и профессиональный SPA-центр с массажным кабинетом и бьюти-зоной создают пространство, где время не теряется в пробках и в поисках свободных окошек для записи на процедуры. Это рациональный выбор, который делают сердцем, — свобода восстановить ресурсы в любой момент, оставаясь в камерной атмосфере своего дома.
Бионическая архитектура фасада — это линза, преломляющая город и природу в одной точке: здание не конфликтует с ландшафтом, а вступает с ним глубокий диалог. Плавные линии здания и озелененные террасы органично вписываются в очертания Филевского парка. Футуристичный дизайн дополнен редкими решениями: трансформируемым остеклением балконов и дизайнерским паркингом с отделкой натуральным камнем.
Резиденции Springs — это коллекция сценариев жизни: видовые квартиры и пентхаусы делают горизонт частью интерьера, а бутиковые таунхаусы с патио предлагают еще больше уединения и приватности. Девелопер воплотил в интерьерах абсолютный визуальный покой без доминирующих элементов. Благородный камень, мрамор, латунь, тепло белого дуба и свет из панорамных окон формируют среду, ориентированную на тактильное удовольствие и внутреннюю тишину. Два вида готовой премиальной отделки позволяют миновать этап ремонта и сразу войти в пространство, настроенное на гармонию (и не переживать о шуме от работ у соседей).
Как часто вам удается вдохнуть полной грудью? Террасы и балконы резиденций Springs превращают панорамы города в часть вашего личного пространства: более 70% квартир здесь — видовые. Из окон можно рассматривать зеленый массив Филевского парка и футуристичный силуэт Сити. Трансформируемое остекление позволяет в любой момент стереть границу с улицей, впуская в дом свежий воздух и шум листвы. Для жителей пентхаусов открытые террасы становятся персональной смотровой площадкой, а для владельцев таунхаусов — приватным садом для семейных завтраков. Так каждый резидент Springs может наслаждаться своим редким видом.
Лобби и ресторан на первом этаже — это центр притяжения для встреч и качественного отдыха. Гранд-лобби из натуральных материалов служит местом для пауз и непринужденного общения, перенося атмосферу домашнего спокойствия за пределы квартиры. А ресторан позволяет сменить обстановку и провести вечер с близкими, не выходя за территорию дома. Эти пространства дополняют концепцию Springs, где каждая деталь поддерживает ощущение эмоционального комфорта и позволяет оставаться в своем месте силы, не выпадая из привычного ритма жизни.
Springs стал возможен благодаря встрече людей, которые одинаково понимают красоту и комфорт. Девелопер UNIQ собрал команду инноваторов, чтобы создать место для жизни и восстановления сил. Архитектурную концепцию Springs с мягкими, живыми формами разработали в Tabanlıoğlu Architects — бюро, в портфолио которого множество знаковых проектов по всему миру, например, Atatürk Cultural Center в Стамбуле и Congress Hall в Дакаре. Бюро Wowhaus, которое работало над парком Горького, Голицынским прудом и Имеретинской набережной в Сочи, сделало так, чтобы сад во дворе стал естественным продолжением парка Фили. Уютное лобби Springs в стиле лучших бутик-отелей наполнила характером студия Lazaro Rosa Violan, которая за 23 года реализовала более 500 проектов в 40 странах и работала с Soho House, Fairmont, Accor и Marriott. А бюро Quadro Room, создающее проекты для объектов исторического наследия, частных резиденций и девелоперских проектов разработало интерьеры квартир.
