окнаРостовские окна · дашборд проектаОткрыть собранный сайт ↗
Новое · 6 ноября · деревянные окна · вся страница
Страница деревянных окон:
10 вариантов вида
Шрифты, тексты, порядок блоков и красные кнопки бренда те же. Меняются фото первого экрана, цвет подложек секций, форма углов и линии между блоками. Карточка открывает настоящую страницу в этом варианте. Выбранный вариант доведём до конца.
1. Кубань: клинкер и пшеница ↗новое
Дом из клинкера с фальцевой кровлей, дубовые окна, за ним пшеничное поле и линия тополей. Холодный серый и белый, прямые углы.
2. Усадьба в сентябре ↗новое
Оштукатуренный дом с графитово-зелёными деревянными окнами, горит тёплый свет, рябина и гортензии. Глубокий зелёный фон и латунные линии.
3. Сирень у окна ↗новое
Крупный план: сосновые окна с открытой створкой, капли на подоконнике, ветка сирени. Чёрное и белое, чёткие линии между блоками.
4. Арки в синий час ↗новое
Новый дом с арочными окнами из тёмного дуба, тёплый свет внутри, берёзы и гранитное крыльцо. Белое с мягкими тёплыми подложками.
5. Берег под Геленджиком ↗новое
Терраса с дубовыми дверями и окнами над морем, серые обрывы, пицундская сосна. Холодный голубой и графит бренда, большие скругления.
6. Зимний вечер ↗новое
Дом из клеёного бруса в заснеженном ельнике, в окнах горит свет. Синяя синька и тонкие линии.
7. Гостиная у бора ↗новое
Гостиная со вторым светом, деревянные окна от пола, за стеклом сосны и берёзы. Свежий зелёно-жёлтый, мягкие скругления.
8. Кирпич и лиственница ↗новое
Дом из светлого кирпича со вставками из лиственницы, большие деревянные окна. Полосы цвета кирпича с белым текстом.
9. Остеклённый фронтон ↗новое
Барнхаус с фронтоном в стекле, рама из клеёной лиственницы, берёзовая роща. Белый фон, красное подчёркивание у заголовков.
10. Арочные окна в саду ↗новое
Светлый дом с арочными окнами из дуба, пионы, яблоня, берёза. Тёплый молочный фон и медовые полосы.
Новое · 22 октября · деревянные окна · первый экран
Первый экран деревянных окон:
варианты фото
Заголовок, срок службы, рейтинги и форма замера остаются на месте. Меняется только фото: дом снаружи, гостиная, барнхаус, сад и зима. Сюжет в правой части кадра — слева его закрывает карточка, справа внизу форма. Каждая карточка открывает настоящую страницу с этим фото.
0. Сейчас: дом с арочными окнами ↗
Фото заказчика: бежевый дом, арочные окна из дерева и кованый балкон.
1. Кирпич и лиственница ↗новое
Дом из светлого кирпича со вставками из лиственницы, большие деревянные окна в вечернем солнце, берёзы и сосны.
2. Гостиная у соснового бора ↗новое
Гостиная со вторым светом: деревянные окна от пола, поворотно-откидные створки, за стеклом сосны и берёзы.
3. Остеклённый фронтон ↗новое
Барнхаус с фронтоном в стекле: рама из клеёной лиственницы, дверь на террасу, рядом берёзовая роща.
4. Арочные окна в саду ↗новое
Светлый оштукатуренный дом с арочными окнами из дуба, перед ним пионы, яблоня и берёза.
5. Зимний вечер ↗новое
Дом из клеёного бруса в заснеженном ельнике, в деревянных окнах горит свет.
Новые кадры сгенерированы и проверены на ошибки: рамы, ручки, петли, отражения. На сайте пока фото заказчика — оно сменится только после выбора.
Новое · 22 октября · деревянные окна · блок «Почему выбирают нас»
Пять вариантов
блока «Почему выбирают нас»
Тексты те же: пять преимуществ и «7 лет гарантии». Меняются композиция и подача — строка, тёмная полоса, фото, знак. Каждая карточка открывает настоящую страницу деревянных окон с этим вариантом.
0. Прежний ↗
Слева заголовок и крупная красная «7», справа пять пунктов спокойным списком со значками и тонкими линиями.
Был на сайте до выбора.
1. Лента ↗
Заголовок и «7 лет гарантии» в одну строку, ниже пять пунктов в ряд на линии — значки в кружках, как отметки на шкале.
Выбран 26 октября — стоит на сайте. На телефоне линия идёт вертикально слева.
2. Графит ↗
Тёмная фирменная полоса #333F48 на всю ширину. Слева красная плитка с белой «7», справа пункты строками таблицы.
Красная цифра на графите не читается, поэтому «7» белая на красном.
3. Фото ↗
Слева снимок деревянного окна из «Наших работ» с белой карточкой «7 лет гарантии», справа заголовок и список.
Фото — реальная работа компании.
4. Знак ↗
Композиция по центру: заголовок, круглый красный знак «7 лет гарантии» с тонким кольцом, под ним пять пунктов в ряд.
На планшете пункты переносятся 3 + 2 по центру, на телефоне — строками.
Новое · 21 октября · первый экран главной · варианты 6–15 добавлены
Пятнадцать вариантов
левой части без «дымки»
Фото семьи, заголовок, шкала лет и рейтинги остаются. Меняется только то, как левая часть встречается с фото: вместо белого растворения — чёткий край, тёмная или красная панель, затемнение, карточка, рамка, переплёт, диагональ. Каждая карточка ниже открывает настоящую главную с этим вариантом.
1. Чёткий стык ↗
Всё как сейчас, только без дымки: светлая тёплая панель и фото встык, ровной вертикальной границей.
Самая маленькая правка — ничего не переставляется.
2. Графит ↗
Тёмная фирменная панель #333F48 с белым текстом и чёткий край. Тёплое фото с семьёй смотрится ярче на контрасте.
Цифра «20» — белая: красный на графите плохо читается.
3. Фото на весь экран ↗
Снимок во всю ширину, текст прямо на фото. Слева вместо белого — мягкое графитовое затемнение.
На телефоне — фото сверху и графитовая панель под ним.
4. Карточка ↗
Фото во всю ширину, заголовок, шкала и рейтинги — в белой карточке поверх снимка.
На телефоне карточка заходит на фото снизу.
5. Окно в стене ↗
Светлая стена и фото в скруглённой рамке с полями — как окно в комнате. Без перехода и затемнений.
Рамка повторяет скругления карточек сайта.
6. Оконный переплёт ↗новое
Между светлой панелью и фото — графитовая стойка, как алюминиевый профиль окна. Стык становится частью темы сайта.
На телефоне — графитовая планка под фото.
7. Красный край ↗новое
Светлая панель и узкая фирменная красная полоса на стыке с фото.
Самый сдержанный способ добавить бренд.
8. Полупрозрачный графит ↗новое
Фото во всю ширину, слева графитовая панель с чётким краем — снимок чуть просвечивает сквозь неё.
На телефоне — графитовая панель под фото.
9. Фото слева ↗новое
Зеркальная раскладка: фото слева, заголовок и рейтинги справа на светлой панели.
На телефоне — как сейчас: фото сверху.
10. Диагональ ↗новое
Светлая панель со скошенным краем — фото уходит под неё по диагонали.
На телефоне — скошенный низ фото.
11. Белая панель с тенью ↗новое
Чисто белая панель с чётким краем и мягкой тенью на фото — будто лежит поверх снимка.
Без растворения: тень, а не дымка.
12. Красная панель ↗новое
Фирменный красный фон и белый текст. Самый яркий вариант.
Шкала и «20» — белые, карточки рейтингов светлые.
13. Нижняя полоса ↗новое
Фото во всю ширину, заголовок и шкала прямо на снимке, рейтинги — в белой полосе внизу на всю ширину.
Больше всего фото в кадре.
14. Два тона ↗новое
Сверху светлая панель с заголовком и шкалой, снизу — графитовое основание с рейтингами.
Чёткий стык с фото, тёмный низ держит композицию.
15. Графитовая стена ↗новое
Тёмный графитовый фон и фото в скруглённой рамке — как окно в тёмной стене.
Тёмная пара к варианту 5.
21 октября выбран вариант 4 «Карточка» — он стоит на главной во всех четырёх городах. Остальные варианты открываются по ссылкам выше.
Новое · 19 октября · после проверки и освежения сайта
Десять идей,
как развить сайт дальше
Каждая идея — живая примерка на настоящей шапке и подвале города: можно нажимать, прокручивать, открывать на телефоне. Только утверждённые фото и реальные данные: цены R-Line, системы Рехау, отзывы. Выбранные 20 октября идеи 6, 7 и 10 уже перенесены на сайт — у них отметка «На сайте».
01Пластиковые окнаЦена за 30 секунд ↗
Мини-калькулятор прямо на первом экране: ширина, высота и створки — и сразу цена готового окна R-Line из действующего прайса.
Ближайший размер из 117 цен, скидка 25% уже учтена, кнопка «Точный расчёт» открывает заявку с выбранными размерами.
Объём работы: средняя
02Пластиковые окнаПодбор окна за 4 вопроса ↗
Короткий опрос вместо таблицы характеристик: где окно, что важнее — тепло, тишина или цена, размер и открывание.
На выходе — подходящая система Рехау с реальными характеристиками и запись на замер с ответами в заявке.
Объём работы: средняя
03Цены на окнаКонфигуратор окна ↗
Окно собирается на схеме: число створок и как открывается каждая. Схема сразу показывает, как будет выглядеть окно.
Створки переключаются нажатием, открывание анимируется; ниже — подходящие готовые окна из каталога с ценами.
Объём работы: большая
04Пластиковые окнаСравнение профилей бок о бок ↗
Два профиля Рехау рядом: разрезы, глубина, камеры и тепло. Разница видна, а не описана.
Выбор двух систем из пяти, характеристики растут полосами, разрезы меняются плавно.
Объём работы: средняя
05О компанииКак мы работаем — история при прокрутке ↗
Шесть шагов заказа от расчёта до обслуживания рассказываются по мере прокрутки, с линией прогресса.
Блок закрепляется, шаги сменяют друг друга, номер и линия идут за прокруткой; на телефоне — вертикальная лента.
Объём работы: средняя
06О компанииНа сайте · 20.10.2026Стена отзывов ↗
Все отзывы сразу, плиткой, с крупным рейтингом Яндекса и Google сверху — вместо карусели по одному.
Фильтр по городу и площадке, длинные отзывы раскрываются, ссылки ведут на оригиналы.
Объём работы: небольшая
07Шапка сайтаНа сайте · 20.10.2026Меню с фотографиями ↗
«Окна и двери» раскрываются панелью с фотографиями разделов: человек выбирает по картинке, а не по списку.
Наведение показывает фото и одну строку о разделе; на телефоне — крупные плитки в меню.
Объём работы: средняя
08О компанииНаши работы — лента во весь экран ↗
Фотографии объектов крупно, одной горизонтальной лентой, которая едет при прокрутке страницы.
Секция закрепляется, лента сдвигается прокруткой, счётчик и подписи; на телефоне — свайп.
Объём работы: средняя
09Алюминиевые окнаГрафитовая подача алюминия ↗
Раздел алюминиевых окон в тёмном графите брендбука с красными акцентами — отличает премиальное направление от ПВХ.
Тот же текст и фото, другая тема: графит #2B2A29 и #333F48, светлые заголовки, красные метки.
Объём работы: средняя
10Все страницыНа сайте · 20.10.2026Панель действий на телефоне ↗
Внизу экрана телефона всегда под рукой: позвонить, рассчитать, написать в Telegram.
Появляется после первого экрана, прячется при прокрутке вниз и возвращается при прокрутке вверх.
Объём работы: небольшая
Справа на каждой примерке — переключатель идей и возврат сюда. Город меняется в шапке или параметром ?city=anapa. Скажите номера, которые нравятся, — доведём их до сайта.
Новая подборка · 15 вариантов
Главная страница целиком
Разные композиции на основе HyperUI: первый экран, каталог, решения, этапы заказа и контакты. Избранное и просмотр на телефоне.
25 сентября · каталог R-Line 60/3
Выбрать размер и собрать заказ
117 вариантов с ценами из вашей таблицы. Пять конструкций, подбор по ширине и высоте, отдельные страницы окон и корзина с общим расчётом.
Открыть каталог ↗Изображения — визуализации согласованных конструкций. Наличие подтверждает офис; из корзины можно подготовить письмо. Автоматическая отправка не подключена.
Прежняя демонстрация галереи
Собранный сайт
и варианты секций
Ещё шесть первых экранов: больше характера, крупнее графика, новые действия. Красная афиша, круговой выбор объекта и расчёт как часть типографики. Все варианты открываются ниже.
В первом экране №39 сохранён выбранный дом. Предложение и кнопки теперь видны сразу, без длинной закреплённой прокрутки. Шесть альтернатив ниже остаются на выбор.
Новое · каталог «Окна и двери» на одной странице · 10 вариантов
Каталог на одной странице:
десять анимаций прокрутки
Все шесть разделов меню подряд на одной странице, у каждого — свой якорь для меню. Варианты различаются техникой анимации: GSAP, чистый CSS, View Transitions, IntersectionObserver. Цены «от» — только у пластиковых окон, из таблицы R-Line ECO 60/3; в остальных разделах — расчёт по размерам. Вариант и город — кнопкой в правом нижнем углу.
01Горизонтальный проезд ↗
Шесть разделов едут вбок, пока вы прокручиваете вниз: экран закреплён, внутри панели проявляются конструкции
GSAP ScrollTrigger: pin + горизонтальная лента, containerAnimation
02Стопка ↗
Разделы ложатся друг на друга, как карточки: следующий накрывает предыдущий, тот уходит в глубину
CSS sticky + GSAP scrub (scale, затемнение)
03Чистый CSS ↗
Анимации ведёт сама прокрутка браузера: параллакс фото, проявление схем, полоса прогресса
CSS scroll-driven animations (animation-timeline: view/scroll), без JS
04Скроллителлинг ↗
Слева идут разделы текстом, справа закреплённое фото меняется под тот раздел, который вы читаете
IntersectionObserver + CSS-переходы, без GSAP
05Сквозь окно ↗
Каждый раздел открывается через контур окна: рамка растёт до экрана и показывает фото раздела
GSAP pin + scrub: рамка-маска масштабируется (transform)
06Чертёжный лист ↗
Технический лист: схемы всех конструкций прорисовываются линиями по ходу прокрутки, рядом выноски и цены «от»
GSAP DrawSVG + ScrollTrigger scrub
07Раскрытие ↗
Разделы — строками; нажатие плавно разворачивает раздел на месте, фото перетекает из миниатюры
View Transitions API (document.startViewTransition)
08Типографика на скорости ↗
Огромные названия разделов бегут строкой и наклоняются от скорости прокрутки, под ними — конструкции
GSAP ScrollTrigger velocity → quickTo (skew, xPercent)
09Витрина с фильтром ↗
Все конструкции всех разделов на одной витрине; фильтры «Окна / Двери» и «ПВХ / Алюминий / Дерево» перестраивают сетку
GSAP Flip + IntersectionObserver-проявление
10Лента с оглавлением ↗
Слева закреплённое оглавление разделов, справа прокручиваются все конструкции
Sticky-оглавление со scroll-spy
Тексты разделов — из согласованных страниц сайта. Схемы конструкций — линейные, вид изнутри. Фото разделов — ранее принятые кадры.
Новое · «Семья у окна» · 15 вариантов одного экрана
Семья у окна:
пятнадцать анимаций
Одна раскладка: слева текст на сером, справа семья в комнате, за окном осень. Различаются анимацией и сменой погоды. Каждый открывается на настоящей главной города; вариант и город — кнопкой в правом нижнем углу.
01Погода — вкладки ↗
Слева вкладки «Осень · Дождь · Первый снег · Туман» — за окном меняется погода, в комнате всё так же тепло
Смена погоды только в стекле (маска), люди не меняются
02Погода сама ↗
Погода за окном меняется сама каждые несколько секунд, тонкая полоса показывает, сколько до следующей
Автосмена с прогрессом, пауза при наведении и вне экрана
03Погода по прокрутке ↗
Прокрутка ведёт от золотой осени к первому снегу — экран закреплён, пока погода не сменится
ScrollTrigger pin + scrub по слоям погоды
04Две погоды ↗
Шторка по стеклу: слева дождь, справа первый снег — тяните, чтобы сравнить
Перетаскиваемая граница внутри окна
05ВидеоЖивой дождь ↗
За стеклом идёт дождь и стекают капли, а в комнате семья читает книгу
Видео только внутри стекла поверх фото
06ВидеоЛистопад ↗
За окном медленно падают листья — семья собирает гербарий
Видео только внутри стекла поверх фото
07День и вечер ↗
Переключатель «день / вечер»: за окном синие сумерки, в комнате зажигается лампа
Перетекание двух кадров одной сцены
08Тихий наезд ↗
Заголовок проявляется построчно, фото медленно приближается к окну
SplitText по строкам + долгий наезд камеры
09От окна ↗
Кадр раскрывается из самого окна — сначала видна осень за стеклом, затем вся комната
Раскрытие кадра от проёма окна
10Моменты ↗
Четыре семьи, четыре осенних момента у окна — кадры сменяют друг друга с подписью
Слайдшоу с плавной сменой и подписями
11С 2006 года ↗
Счётчик лет от 2006 до сегодня и лёгкий параллакс фото за курсором
Счётчик + параллакс от курсора
12Точки на окне ↗
Точки на окне в кадре: профиль, стеклопакет, ручка, подоконник — слева карточка с характеристикой
Хотспоты с карточкой, как в варианте 37
13Стопка фото ↗
Стопка семейных фотографий — смахните верхнюю, чтобы увидеть следующую
Перетаскивание карточек с инерцией
14Створка ↗
Белая створка поворачивается и открывает кадр с семьёй
3D-поворот створки при загрузке
15Три створки ↗
Кадр собирается из трёх вертикальных полос, как трёхстворчатое окно
Сборка из полос со сдвигом
Фото — иллюстрации (GPT Image 2.5 4K). Погода меняется только за стеклом: люди и комната в кадре не трогаются.
Новое · 15 первых экранов к выкладке · кадры GPT Image 2.5 4K, видео Seedance 2.0 4K
Пятнадцать hero,
готовых встать на главную
Каждый открывается на настоящей главной города — с шапкой, разделами и формой замера. Вариант и город переключаются кнопкой в правом нижнем углу. В пяти вариантах видео: камера неподвижна, двигаются только вода, листва, пар и дождь.
01Ламели ↗
Экран закрыт графитовыми жалюзи с заголовком — прокрутка поворачивает ламели и открывает светлую комнату с окном
3D-поворот ламелей по прокрутке, заголовок разрезан по ламелям
02Слова в раме ↗
Характеристики R-Line падают в раму окна и складываются стопкой — курсор их расталкивает
Физика слов внутри векторной рамы, прокрутка закрывает створку
03Поворотно-откидная ↗
Весь экран — створка: прокрутка откидывает её на проветривание, затем распахивает в каталог
Два режима фурнитуры: rotateX от нижних петель и rotateY от боковых
04Тепловизор ↗
Курсор — объектив тепловизора: под ним дом виден в тепле, рамы не дают мостиков холода
Линза-курсор с термокадром в палитре бренда
05Было — стало ↗
Одна кухня в хрущёвке: ползунок по импосту меняет старую деревянную раму на окно R-Line
Сравнение до/после с ручкой на импосте
06117 плиток ↗
Фото дома собрано из 117 плиток в пропорциях реальных размеров R-Line — наведите, чтобы увидеть размер и цену
Мозаика-сборка из реальных размеров, Flip-раскладка
07Табло ↗
Перекидное табло, как на вокзале: размеры и цены R-Line листаются буквами
Split-flap: 3D-перелистывание символов
08Сезоны ↗
Трёхстворчатое окно: в каждой створке своё время года — зима, весна, лето, осень сменяются прокруткой
Лента сезонов за рамой с параллаксом
09Тоннель ↗
Коридор из рам реальных размеров R-Line — прокрутка пролетает сквозь них к виду на море
3D-коридор translateZ с ценами на рамах
10Две стороны ↗
Окно переворачивается: снаружи — рама и отлив, изнутри — створка с ручкой и подоконник
Двусторонняя 3D-карточка, поворот перетаскиванием
11ВидеоИстории ↗
Формат сторис: окна, двери, лоджии, дома — по нажатию, с прогрессом и звонком
Сторис с автопрокруткой и жестами, первая история — видео
12ВидеоКонденсат ↗
Стекло запотело — проведите по нему, за ним живая бухта Новороссийска
Стирание запотевания курсором и пальцем, видео за стеклом
13ВидеоСквозь букву ↗
Прокрутка влетает внутрь буквы «О» — за ней живой сад и панорамное окно
Текст-маска с видео, масштаб сквозь букву
14ВидеоЖивой кадр ↗
Утренняя кухня в движении: окна в кадре — товары, нажмите и увидите цену
Точки-товары поверх видео со статичной камерой
15ВидеоСвеча ↗
За окном бора — проведите свечой по раме: пламя не дрогнет
Перетаскивание свечи по периметру рамы, обводка контура
Hero №39 остаётся на сайте до вашего выбора. Фото и видео — иллюстрации, цены и характеристики — из каталога R-Line ECO 60/3.
Новое · пролёты и пресеты Higgsfield
Пролёты: прокрутка
ведёт камеру
Пролёты 1–3: камера движется в коде по кадрам 4K, поэтому ничего не плывёт; видео — только там, где камера стоит (дверь открывается). 4–6 — ролики по пресетам Higgsfield с изделием R-Line. Прокрутка держит экран, пока сцена не закончится.
01Пролёт
Дом: окно, дверь, гостиная ↗
Наезд на фасад → дверь открывается → камера входит в гостиную к панорамному окну
02Пролёт
Лоджия над городом ↗
Весь дом → этажи → лоджия → остекление: приближение сквозь масштабы
03Пролёт
Барнхаус в синий час ↗
Наезд на панорамный угол → смена ракурса → подлёт к раздвижной двери
04Higgsfield · Light Sweep
Световая полоса ↗
По окну R-Line проходит полоса света — прокрутка ведёт свет по раме и стеклу
05Higgsfield · Sunrise Pass
Рассвет ↗
Окно выходит из темноты в тёплый свет — вместе со светом проявляется предложение
06Higgsfield · Half Turn
Разворот ↗
Окно поворачивается на четверть — становится видна глубина профиля 60 мм
Новая подборка · 31–45 · GSAP + кадры 4K
Пятнадцать новых идей:
каждая работает на сайт
Свой кадр GPT Image 2 4K у каждого варианта. Пошаговые сценарии закреплены на экране, пока анимация не закончится.
31Замер ↗
Лазер меряет пустой проём — и подбирает готовое окно R-Line ближайшего размера с ценой
Лазерные линии и цифры по прокрутке, экран закреплён до результата · DrawSVG · ScrambleText · ScrollTrigger
32Балкон ↗
Открытый балкон пятиэтажки остекляется по секциям, пока вы прокручиваете
Секции остекления встают по очереди, экран закреплён · ScrollTrigger · timeline
33Сборка ↗
Окно в разобранном виде собирается: рама, створка, стеклопакет, ручка
Сборка из деталей по прокрутке с подписями · ScrollTrigger · DrawSVG · SplitText
34Рулетка ↗
Лента рулетки вытягивается через экран — на реальных ширинах появляются окна R-Line
Лента растёт от прокрутки, отметки ширин и цены · ScrollTrigger · ScrambleText
35Терраса ↗
Прокрутка открывает раздвижную дверь на террасу
Створка уезжает по направляющей, экран закреплён · ScrollTrigger · timeline
36Витрина ↗
Кафе в сумерках: зажигается свет, за стеклом проступает интерьер
Свет и надпись за стеклом по прокрутке · ScrollTrigger · SplitText
37Инструменты ↗
Инструменты монтажника на столе — каждый рассказывает свой этап работы
Выделение инструмента и этапа при наведении · quickTo · Flip · SplitText
38Сквозняк ↗
Створка на проветривании, занавеска колышется от прокрутки и курсора
Полосы занавески колышутся от скорости прокрутки · ticker · ScrollTrigger
39Крыша ↗
Вид сверху: крыша сдвигается и открывает план дома с окнами
Крыша уезжает, окна отмечаются по очереди · ScrollTrigger · DrawSVG
40Буклет ↗
Каталог листается как буклет: пять конструкций R-Line на разворотах
Перелистывание страниц в 3D · Draggable · timeline
41Скидка ↗
Старая цена зачёркивается, новая падает на ценник — по всем конструкциям
Зачёркивание и падение цены с отскоком · DrawSVG · Physics2D · ScrambleText
42Примерка ↗
Примерьте окно на стену: размер R-Line в реальном масштабе рядом с дверью
Окно в масштабе на фото стены, смена размера · Draggable · Flip · quickTo
43План ↗
План квартиры: наведите на окно — покажем подходящую конструкцию и цену
Подсветка окон на плане и выноски · DrawSVG · quickTo
44Регулировка ↗
Петля крупным планом: три регулировки — и дорога в гарантию и сервис
Шаги регулировки со стрелками по прокрутке · DrawSVG · ScrollTrigger
45Сообщение ↗
Заказ набирается в Telegram прямо на экране телефона на подоконнике
Печать сообщения заказа на экране · ScrambleText · timeline
Текущий hero №39 остаётся на сайте до вашего выбора. Новых генераций нет: использованы ранее принятые кадры 4K и визуализации R-Line из каталога. Цены и размеры — из таблицы каталога.
Подборка · 21–30 · GSAP + кадры 4K
Десять идей
под новые кадры 4K
Для каждого варианта снят свой кадр GPT Image 2 в 4K. Лиман под Темрюком, монтаж окон по проёмам, профиль в разрезе, витрина размеров, бланк заказа, комплектация с подоконником и отливом.
21Лиман ↗
Дом на берегу лимана под Темрюком отражается в воде — прокрутка пускает по отражению рябь
Рябь по отражению от скорости прокрутки · ScrollTrigger · ticker · quickTo
22Взгляд ↗
Смотрите в окно: поле и тополя за стеклом смещаются от курсора, как будто вы подошли ближе
Параллакс вида за рамой от курсора и прокрутки · quickTo · ScrollTrigger
23Монтаж ↗
Фасад с пустыми проёмами — при прокрутке окна встают на место одно за другим
Установка окон по проёмам масками · ScrollTrigger · timeline · DrawSVG
24Разрез ↗
Профиль R-Line в разрезе: при прокрутке рисуются выноски — камеры, армирование, стеклопакет
Выноски и цифры собираются по прокрутке · DrawSVG · ScrambleText · ScrollTrigger
25Линейка ↗
Семь окон от маленького к большому: витрина тянется мышью, на каждом — цена из каталога
Перетаскиваемая витрина с инерцией · Draggable · InertiaPlugin · Observer
26Дом в разрезе ↗
Дом без фасадной стены: комнаты подсвечиваются по очереди и ведут в разделы сайта
Подсветка комнат и выноски по прокрутке · ScrollTrigger · DrawSVG · timeline
27Бланк ↗
Чистый лист на столе заполняется: размер, конструкция и цена выбранного окна — готовый бланк заказа
Печать бланка по выбору · ScrambleText · SplitText · Flip
28Улица ↗
Четыре разных дома на одной улице: наведите — дом выделяется и показывает, что остекляем
Фокус по дому с затемнением соседей · quickTo · SplitText
29Комплект ↗
Окно, подоконник, отлив и москитная сетка — каждую часть можно выбрать и открыть в каталоге
Выделение деталей и выноски · DrawSVG · Flip · ScrollTrigger
30Створки ↗
Один проём — одна, две или три створки: окно меняется, цены сравниваются
Смена конструкции в проёме · Flip · ScrambleText · Observer
Текущий hero №39 остаётся на сайте до вашего выбора. Новых генераций нет: использованы ранее принятые кадры 4K и визуализации R-Line из каталога. Цены и размеры — из таблицы каталога.
Подборка · 11–20 · GSAP
Ещё десять: каждый
встроен в работу сайта
Каждый вариант решает задачу сайта: 11 — переключает четыре офиса, 12 — объясняет поворотно-откидную створку, 13 и 15 — подбирают реальный размер с ценой, 14 и 17 — ведут в разделы, 16 — показывает заказ через корзину и Telegram. Фото — из ранних подборок проекта.
11Города ↗
Слово в заголовке меняется: Новороссийск, Анапа, Темрюк, Славянск-на-Кубани — вместе с телефоном, адресом и сайтом города
Смена слова в маске и перетекание фото через градиентную маску · SplitText · ScrollTrigger · timeline
12Ручка ↗
Поверните ручку — окно на кухне открывается, в каталоге подбираются поворотно-откидные размеры
Ручка поворачивается мышью с доводкой в положения 0°, 90°, 180° · Draggable · InertiaPlugin · CustomEase
13Поле ↗
117 окон R-Line в реальных пропорциях поворачиваются к курсору, как стрелки компаса
Поле векторных окон ориентируется на курсор, фильтр конструкций через Flip · quickTo · Flip · utils
14Огни ↗
Шале в соснах: при прокрутке окна зажигаются по очереди и ведут в разделы сайта
Свет в окнах по маскам, подписи-выноски к разделам · ScrollTrigger · DrawSVG · timeline
15Фраза ↗
Заказ одной фразой: «Нужно двустворчатое окно 1300 × 1400» — слова меняются, цена считается
Слова-переключатели с ScrambleText и реальной ценой из таблицы · ScrambleText · SplitText · Flip
16Корзина ↗
Окна по дуге летят в корзину, счётчик выгоды 25 % растёт на глазах
Полёт по дуге в корзину и пересчёт суммы · MotionPath · Physics2D · ScrambleText
17Дуга ↗
Комнаты по большой дуге: прокрутка вращает колесо, наверху — раздел сайта
Кадры на огромной окружности вращаются от прокрутки · ScrollTrigger · Observer · utils
18Снег ↗
Зимний вечер: снег летит к окну и останавливается на стекле, внутри тепло
Частицы снега на canvas упираются в стекло, по прокрутке метель стихает · ticker · ScrollTrigger
19Деталь ↗
Начинаем с ручки крупным планом — кадр складывается на своё место в окне
Flip макро-кадра в его место на общем плане · Flip · ScrollTrigger · SplitText
20Раскладка ↗
Пять конструкций R-Line на столе: ближайшая к курсору приподнимается, остальные отходят
Раскладка карточек с фокусом по близости курсора · quickTo · Draggable · InertiaPlugin
Текущий hero №39 остаётся на сайте до вашего выбора. Новых генераций нет: использованы ранее принятые кадры 4K и визуализации R-Line из каталога. Цены и размеры — из таблицы каталога.
Подборка · 01–10 · GSAP
Десять первых экранов
с живой анимацией
У каждого варианта один главный эффект на GSAP. Откройте, прокрутите, потяните и поводите курсором: в 02 окно тянется за угол до реальных размеров, в 06 курсор оставляет след из окон каталога, в 08 кольцо разделов крутится мышью.
01Плёнка ↗
Новое окно ещё в заводской плёнке: прокрутка или рывок за уголок снимает её
Сгиб плёнки по диагонали, клапан с изнанкой, подсказка уголком при загрузке · ScrollTrigger · Draggable · CustomEase
02Потяни угол ↗
Тянешь красный угол рамы — окно встаёт только в реальные размеры R-Line, цена меняется
Перетаскивание с инерцией и прилипанием к размерам из таблицы, импосты перестраиваются · Draggable · InertiaPlugin · ScrambleText
03Бирки ↗
Склад готовых окон, на нитках бирки с ценами — качаются от скорости прокрутки
Пружинная физика бирок от скорости скролла и курсора · ScrollTrigger · ticker · quickTo
04Импост ↗
Красная линия делит название и ложится на импост, затем раскрывается в табличку с размером и ценой
Буквы расходятся от линии, линия вырастает в панель · SplitText · ScrollTrigger
05Норд-ост ↗
Буквы на стекле сносит ветер с бухты, буквы на стене стоят. Прокрутка закрывает окно — ветер стихает
Порывы ветра по отдельным буквам, затихание по скроллу · SplitText · ticker · ScrollTrigger
06След ↗
Курсор оставляет след из настоящих окон R-Line в их размерах и с ценой
Image trail по реальным визуализациям каталога · quickTo · timeline · utils
07Знак ↗
Знак «Ростовских окон» перетекает в пять конструкций R-Line, внутри — цена «от»
Морфинг контура знака в окна при прокрутке · MorphSVG · DrawSVG · ScrollTrigger
08Кольцо ↗
Восемь разделов сайта стоят кольцом: крутится от прокрутки и перетаскивания
3D-кольцо панелей с инерцией и прилипанием к переднему кадру · Draggable · InertiaPlugin · ScrollTrigger
09Карточка ↗
Полноэкранный дом с бегущей строкой сжимается в карточку, над ней встают пять конструкций
Сжатие hero в карточку и бегущая строка от скорости скролла · ScrollTrigger · Observer
10Два стекла ↗
Вечер: в тёмном стекле название отражается дважды, как в стеклопакете
Параллакс двух отражений от курсора и прокрутки · quickTo · ScrollTrigger · SplitText
Текущий hero №39 остаётся на сайте до вашего выбора. Новых генераций нет: использованы ранее принятые кадры 4K и визуализации R-Line из каталога. Цены и размеры — из таблицы каталога.
Новая подборка · 07–12
Шесть первых экранов
с разным характером
Откройте варианты и попробуйте взаимодействия: в 08 раскрываются подсказки, в 10 выбор на круге меняет раздел, в 11 размеры собираются в письмо. Остальные работают с масштабом типографики, светом и формой кадра.
07Фасадная афиша ↗
Монументальная красная типографика и крупный фасад с глубокой перспективой
Красное поле и его контур смещаются при обычной прокрутке
08Руки и размеры ↗
Крупный план замера и три подсказки прямо в композиции первого экрана
Кнопка раскрывает состав запроса; метки появляются последовательно
09Свет на стене ↗
Скульптурная типографика, глубокая оконная тень и вертикальный срез интерьера
Светотеневая геометрия реагирует на прокрутку; фото сохраняет масштаб
10Круг объектов ↗
Большой круговой переключатель на графитовом поле — квартира, балкон, дом или бизнес
Красная метка поворачивается к выбору; кадр, подпись и ссылка меняются вместе
11Живая ведомость ↗
Размеры становятся частью крупной типографики: ширина × высота × количество
Из введённых размеров собирается готовый текст письма в офис
12Архитектурный срез ↗
Белое и красное поля встречаются с фотографией по выразительной диагонали
Контур среза движется при прокрутке, сохраняя неподвижный фасад
Текущий hero №39 остаётся на сайте до вашего выбора. Два новых кадра созданы встроенным генератором ChatGPT: 1672×941, без увеличения разрешения. Это иллюстрации для примерки дизайна, не фотографии объектов или сотрудников компании.
24 сентября · смысл и обращение
Понятно, что выбрать и как получить расчёт
На первом экране — окна и двери с установкой, город и начало расчёта. На страницах продукции — применение и состав работ. В форме достаточно описать задачу; имя и телефон необязательны. Письмо посетитель отправляет сам.
Версия до этих изменений сохранена коммитом b814a32. Неподтверждённых цен, акций и отзывов не добавляли.
Предыдущая подборка · 01–06
Шесть способов начать разговор об окнах
Разные композиции, реакции на прокрутку и полезные действия. Без пролёта внутрь дома, 3D-окна и увеличения фотографии. В каждом варианте работают расчёт и переходы в разделы.
01Свет в квартире ↗
Интерьер и крупная текстовая площадка, которая открывает кадр при прокрутке
Текст отступает, фотография остаётся неподвижной
02Размер вашего дома ↗
Фасадная панорама, размерная линия и два сценария заказа
Линия проходит по фасаду вслед за прокруткой
03Что важно у окна ↗
Живой редактор задач рядом с фотографией комнаты
Выбранная задача связана с меткой на фотографии
04Проект крупным планом ↗
Архитектурный кадр и короткое приглашение прислать проект
Кадр и белая карточка движутся с разной скоростью без увеличения
05Комната у окна ↗
Три назначения балкона и честное объяснение, что потребуется
Подвижное подчёркивание и мягкая смена текста
06С чего начать ↗
Два понятных пути к расчёту рядом с архитектурной фотографией
Линии собирают композицию при прокрутке; бриф раскрывается по клику
Фотографии — сгенерированные иллюстрации, не портфолио компании. Кадры 01 и 04 — GPT Image 2, 3840×2160. Кадры 02, 03, 05, 06 — встроенный генератор ChatGPT, 1672×941; без искусственного увеличения разрешения.
Новое фото готовых окон
Целые окна на демонстрационных подставках. Фото не выдаётся за складской остаток: для подбора нужны размеры и проверка наличия в местном офисе.
GPT Image 2 · 3840×2160
Открыть раздел →Новая структура · четыре города
Один стиль, свои данные в каждом городе
Восемь разделов меню, отдельные страницы окон и дверей, местные контакты. Выбор города сохраняет текущий раздел. Товары, работы и акции добавим после получения фактических данных.
Общая страница компании →Новороссийск ↗
ул. Кутузовская, 117
+7 (918) 003-52-20
Анапа ↗
Анапское шоссе, 32, корпус 5
+7 (918) 003-53-70
Славянск-на-Кубани ↗
ул. Ленина, 62
+7 (918) 003-52-20
Темрюк ↗
Квартал 184/8
+7 (918) 003-52-20
Предпросмотр структуры. Действующий сайт и DNS не изменены. Работают звонок и подготовка письма. Склад и бронирование пока не подключены.
Главные экраны разделов · выбран вариант 1, фото приняты
Большое фото и текст на входе в раздел
Человек нажимает «Пластиковые окна» или «Деревянные двери» — его встречает фото 4K, заголовок и две кнопки, дальше идёт информация раздела. Четыре способа поставить фото. Тексты обновлены: назначение изделия, вопросы подбора и понятный следующий шаг. Вы выбрали вариант 1 «Кадр во весь экран» — он стоит на семи страницах группы «Окна и двери». Остальные три оставлены для сравнения.
Проверить фото · 13 ждут решения →
1Кадр во весь экран
Фото занимает весь экран под шапкой. Текст и кнопки внизу на тёмной подложке, как на первом экране главной: раздел продолжает главную тем же приёмом.
Готовые окна · новая версияОкна и двериПластиковые окнаАлюминиевые окнаДеревянные окнаПластиковые двериАлюминиевые двериДеревянные двериКадр 0 · старт: дом с дорожкиКадр 1 · остановка у окнаКадр 2 · остановка в гостинойКадр 3 · финал у крыла домаКадр 2.5 · терраса, вид на крылоБалконы и лоджииОстекление частных домовКоммерческое остеклениеГотовые окнаАкцииКонтакты
2Поле и кадр
Слева белое поле с заголовком и кнопками, справа фото на всю высоту. Текст ничего не закрывает: окно или дверь видны целиком.
Готовые окна · новая версияОкна и двериПластиковые окнаАлюминиевые окнаДеревянные окнаПластиковые двериАлюминиевые двериДеревянные двериКадр 0 · старт: дом с дорожкиКадр 1 · остановка у окнаКадр 2 · остановка в гостинойКадр 3 · финал у крыла домаКадр 2.5 · терраса, вид на крылоБалконы и лоджииОстекление частных домовКоммерческое остеклениеГотовые окнаАкцииКонтакты
3Кадр в раме
Заголовок и кнопки на белом над фото. Фото крупное, с полями как у шапки и скруглением. Ближе всего к mosokna.ru.
Готовые окна · новая версияОкна и двериПластиковые окнаАлюминиевые окнаДеревянные окнаПластиковые двериАлюминиевые двериДеревянные двериКадр 0 · старт: дом с дорожкиКадр 1 · остановка у окнаКадр 2 · остановка в гостинойКадр 3 · финал у крыла домаКадр 2.5 · терраса, вид на крылоБалконы и лоджииОстекление частных домовКоммерческое остеклениеГотовые окнаАкцииКонтакты
4Кадр с карточкой
Фото во весь экран без затемнения. Заголовок и кнопки на белой карточке в левом нижнем углу.
Готовые окна · новая версияОкна и двериПластиковые окнаАлюминиевые окнаДеревянные окнаПластиковые двериАлюминиевые двериДеревянные двериКадр 0 · старт: дом с дорожкиКадр 1 · остановка у окнаКадр 2 · остановка в гостинойКадр 3 · финал у крыла домаКадр 2.5 · терраса, вид на крылоБалконы и лоджииОстекление частных домовКоммерческое остеклениеГотовые окнаАкцииКонтакты
Новый блок · Оконные системы
По референсу Московских окон: четыре профильные системы REHAU с официальными разрезами. Подробные характеристики открываются кнопкой «Подробнее». Десять структур — от общей линейки до сравнения выбранной пары.
01Вся линейка
Общая линейка разрезов с фильтром по глубине профиля. Характеристики раскрываются отдельно под каждой системой.
Фильтр оставляет нужные модели, кнопка «Подробнее» плавно разворачивает таблицу.
Посмотреть вместе с сайтом ↗
02Каталог в строках
Редакционный список: номер, предметная фотография, крупное название и раскрытие справа. Каждая модель занимает свою строку.
Раскрывается только выбранная строка; соседние модели остаются в общем списке.
Посмотреть вместе с сайтом ↗
03На предметном столе
Указатель моделей, крупная арочная предметная сцена и отдельная колонка с описанием.
Выбор меняет профиль на сцене; технические параметры появляются по кнопке.
Посмотреть вместе с сайтом ↗
04Один на один
Два независимых селектора, два крупных разреза и отдельные таблицы. Можно проверить любую пару систем.
Модели меняются независимо; раскрытие одной не сбрасывает другую.
Посмотреть вместе с сайтом ↗
05Предметная полка
Горизонтальная витрина с крупными изображениями и видимым продолжением. Есть кнопки перелистывания и прокрутка пальцем.
Лента мягко встаёт на следующую модель; подробности раскрываются внутри карточки.
Посмотреть вместе с сайтом ↗
06По глубине профиля
Группы по монтажной глубине с крупными числовыми заголовками и разрезами.
Кнопка раскрывает характеристики выбранной системы в своей группе.
Посмотреть вместе с сайтом ↗
07Карточки образцов
Картотека превращает выбранную карточку в широкий паспорт с крупным разрезом. Остальные образцы собираются в компактные строки.
По нажатию «Подробнее» выбранная карточка раскрывается и при необходимости мягко подводится в видимую область.
Посмотреть вместе с сайтом ↗
08Технический паспорт
Общая сравнительная матрица с фотографиями в заголовках и раскрытием технических строк сразу для всех систем.
«Подробнее» открывает характеристики всех систем: в таблице на компьютере и в отдельных карточках на телефоне.
Посмотреть вместе с сайтом ↗
09Архитектура выбора
Асимметричная композиция из одного большого предметного блока и небольших соседних ячеек.
Каждая ячейка раскрывает собственный паспорт, сохраняя место в композиции.
Посмотреть вместе с сайтом ↗
10Сравнение по критерию
Сравнение по глубине, числу камер или толщине стеклопакета. Системы можно расположить от меньшего значения к большему и наоборот.
Кнопка показывает наглядные шкалы, выбор параметра меняет их значения. У каждой модели есть отдельный паспорт.
Посмотреть вместе с сайтом ↗
4 · Окна под ваши задачи
Пять способов сформулировать пожелания к окнам. Для каждой комнаты — свой список, который можно сохранить и скачать.
01План вашей комнаты
Архитектурный план с четырьмя комнатами. Выбор комнаты меняет список задач и пояснение рядом с чертежом.
Выбранная зона раскрывается цветом; лист пожеланий собирается по вашим отметкам.
Посмотреть вместе с сайтом ↗
02Разговор об окне
Крупные строки с бытовыми задачами раскрываются в редакционный разворот: крупная деталь, пояснение и выбор.
Раскрытие прямо в строке и смена предметного кадра без перехода на другой экран.
Посмотреть вместе с сайтом ↗
03В собранном сайтеРабочий стол
Открытый конструктор: пожелания слева, готовый лист для замерщика справа. Всё видно на одном экране.
Отмеченные пожелания появляются в отрывном листе, который можно скачать.
Посмотреть вместе с сайтом ↗
04Компас света
Круговой выбор стороны света, пояснение по солнцу и отдельные пожелания к комнате.
Указатель мягко поворачивается к выбранной стороне. Управление кнопками доступно и без перетаскивания.
Посмотреть вместе с сайтом ↗
05Одно окно, разные задачи
Две независимые колонки сравнения бытовых задач. Можно собрать обе в один список для замера.
Смена задачи обновляет крупный предметный кадр и состав обсуждения в каждой колонке.
Посмотреть вместе с сайтом ↗
5 · От замера до установки
Пять разных способов пройти этапы заказа, обсудить детали и собрать вопросы к замеру.
01В собранном сайтеМаршрут установки
Пять этапов слева и крупный рабочий лист справа. На каждом шаге видно, что обсудить и что проверить.
Выбор этапа меняет лист; вопросы можно добавить в свой список.
Посмотреть вместе с сайтом ↗
02Чертёж замера
Оконный проём с четырьмя точками внимания и открытым списком подготовки.
Точки на схеме раскрывают пояснение; ничего не добавляется без вашего выбора.
Посмотреть вместе с сайтом ↗
03До и после
Три большие главы: до замера, на замере и после установки. Каждая раскрывается в фотографический разворот.
Открывайте нужную главу и сохраняйте вопросы из неё.
Посмотреть вместе с сайтом ↗
04Папка заказа
Четыре листа: замер, предложение, заказ, приёмка. Показываем содержание документов без выдуманных условий.
Перелистывайте папку; отмеченные вопросы остаются в общем списке.
Посмотреть вместе с сайтом ↗
05Что вокруг окна
Целое окно и отдельный перечень работ рядом с ним. Видно, какие детали стоит уточнить заранее.
Строки раскрывают состав обсуждения, а выбранные вопросы собираются под ними.
Посмотреть вместе с сайтом ↗
6 · Офисы и помощь с окном
Пять самостоятельных подходов: карта городов, адресный указатель, поиск ответов, редактор обращения и контакт с собой.
01В собранном сайтеГорода на карте
Обзорная карта побережья и четыре города. Выбранный офис раскрывается рядом с картой, ответы остаются под рукой.
Точки выбирают адрес; контактная панель мягко меняется без перемещения страницы.
Посмотреть вместе с сайтом ↗
02Городской указатель
Крупный типографический список городов с адресом прямо внутри выбранной строки. Справа — единый контакт.
Город становится красным и раскрывает действия; весь указатель остаётся на месте.
Посмотреть вместе с сайтом ↗
03Сначала ваш вопрос
Поиск по ответам и темы обращения слева, вопросы в центре и компактный контакт выбранного офиса рядом.
Ответы фильтруются по теме и словам; каждый вопрос можно раскрыть отдельно.
Посмотреть вместе с сайтом ↗
04Два пути обращения
Новое окно или помощь с установленным. Для сервиса — редактор понятного сообщения, для заказа — переход к подбору.
Переключатель меняет рабочую часть, сохраняя набранный черновик. Текст можно скопировать.
Посмотреть вместе с сайтом ↗
05Контакт с собой
Крупная фирменная визитка выбранного офиса и адресная лента. Контакт действительно скачивается в формате vCard.
Переключайте города и сохраняйте карточку с соответствующим адресом.
Посмотреть вместе с сайтом ↗
3 · Анатомия окна — 10 вариантов
Текущий собранный пример — №1. Целое окно без окружения за стеклом, пять деталей и разные способы рассмотреть устройство.
1В воздухе
Парящее окно на большой предметной сцене. Деталь вырастает из выбранной точки и занимает передний план.
Посмотреть вместе с сайтом ↗
2Линза
Окно и подвижное круглое увеличение. Линза переезжает между узлами, а подпись остаётся под ней.
Посмотреть вместе с сайтом ↗
3Связи
Целое окно в центре. Вокруг него — подписанные детали с выносными линиями.
Посмотреть вместе с сайтом ↗
4Два масштаба
Два больших поля: целое изделие и деталь. Границу между ними можно двигать.
Посмотреть вместе с сайтом ↗
5Коллекция деталей
Предметный альбом из перекрывающихся фотографий. Целое окно — обложка, детали — следующие страницы.
Посмотреть вместе с сайтом ↗
6Пять проёмов
Горизонтальная галерея: широкое окно и узкие вертикальные фотографии деталей.
Посмотреть вместе с сайтом ↗
7По пути света
Окно в центре непрерывного рассказа. Крупные слова и снимки деталей проходят по разным планам.
Посмотреть вместе с сайтом ↗
8Ближе к вам
Окно над горизонтальной лентой макроснимков. Выбранная фотография поднимается к нему.
Посмотреть вместе с сайтом ↗
9За линией
Чистая предметная сцена с выдвижным фото-полем. Деталь появляется с нужной стороны окна.
Посмотреть вместе с сайтом ↗
10Деталь крупным планом
Большая типографика, небольшое целое окно и один выразительный макрокадр на переднем плане.
Посмотреть вместе с сайтом ↗
Источники и принцип работы
Смотрим реальные сайты оконных брендов, берём полезные принципы и адаптируем их под наш дизайн.
- Московские окна — референс сравнения систем
- РЕХАУ — первичные данные и разрезы профилей
- Finstral — сравнение оконных систем
- Andersen — выбор окна под задачи комнаты
- Finstral — консультация через пользу и условия
- Internorm — от пожеланий к индивидуальному предложению
- DOVISTA — устройство и настройки окна
- Алюминариум — конкретная подача текста
Исследование → разные структуры → работающие варианты → проверка на четырёх ширинах → независимая ревизия → интеграция.
В новом блоке сравнения использованы официальные разрезы четырёх систем РЕХАУ. Источники характеристик доступны внутри «Подробнее». Наличие и комплектацию уточняем при подборе. Фотографии в отдельной анатомии окна подготовлены для сравнения дизайна. Они не подтверждают конкретную комплектацию REHAU. Фото стеклопакета — пример конструкции из каталога VetroG.
Источник фотографии стеклопакета ↗Форма готовит письмо, которое посетитель отправляет из своей почты. Пожелания сохраняются только в браузере; скачать список можно без заявки.
Архив · прежние 11 вариантов анатомии
Отклонённая подборка сохранена для истории