• вдохновение-для-дизайна
      Спроектируйте свой проект

      Откройте для себя истории и текстуры, которые вдохновляют на креативный дизайн

  • ОТПРАВИТЬ ЗАПРОС
WhatsApp

//

Спроектируйте свой проект

//

Безграничные возможности проектирования.

ПРОВЕРИТЬ ВИЗУАЛИЗАТОР

Настроение и эстетика

//
ОТКРОЙТЕ ДЛЯ СЕБЯ ОБРАЗЫ, ОПРЕДЕЛЯЮЩИЕ ВАШЕ ПРОСТРАНСТВО
Не знаете, с чего начать? Выберите настроение и погрузитесь в цветовые истории, палитры материалов и представленные продукты.

Наш визуализатор

//
Увидьте, как ваш дизайн оживает
Мгновенно превратите свои дизайнерские идеи в визуальную концепцию напольного покрытия с помощью нашего 3D-визуализатора в режиме реального времени.
Проверить визуализатор

Реальные проекты

//
Реальные. Актуальные. Впечатляющие.
/* Project list */ .projects { width: 100%; position: relative; }.project-row:first-child{ border-top:1px solid #D5D2CC; } .project-industry { width: 250px; text-align: left !important; }.project-row { display: grid; grid-template-columns: 20% 20% 1fr; align-items: center; padding: 36px 0; border-bottom: 1px solid #D5D2CC; cursor: default; transition: opacity 0.35s ease; position: relative; column-gap: 40px; justify-content: space-between; }.project-name { font-family: 'Helvetica Neue',sans-serif; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 1%; color: #1E1E1E; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); }.project-row:hover .project-name { transform: translateX(10px); }.project-industry, .project-desc { font-family: 'Helvetica-Neue', sans-serif; font-size: 16px; font-weight:400; color: #4A4948; letter-spacing: 1%; text-align: center; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); }.project-row:hover .project-industry { transform: translateX(10px); }.project-desc{ text-align: left; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }.project-row:hover .project-desc { transform: translateX(-10px); }/* Floating image */ .hover-image { position: absolute; width: 300px; height: 200px; pointer-events: none; z-index: 100; opacity: 0; transform: translateY(24px) rotate(-8.22deg); transition: opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1), transform 0.38s cubic-bezier(0.22, 1, 0.36, 1); overflow: hidden; border-radius: 2px; /*box-shadow: 0 24px 60px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.08);*/ }.hover-image.visible { opacity: 1; transform: translateY(0) rotate(0deg); }.hover-image img { width: 100%; height: 100%; object-fit: cover; display: block; } @media (max-width: 1024px) { .designtools .featcardhover .feturcard_content, .featcardhover.casestudycard .feturcard_content { gap:4px; } } const rows = document.querySelectorAll('.project-row'); const hoverImage = document.getElementById('hoverImage'); const hoverImg = document.getElementById('hoverImg'); const projectsContainer = document.getElementById('projects');const IMG_W = 300; const IMG_H = 200;rows.forEach(row => { row.addEventListener('mouseenter', () => { const src = row.getAttribute('data-img'); if (hoverImg.getAttribute('src') !== src) hoverImg.src = src;const containerW = projectsContainer.offsetWidth; const left = containerW * 0.525 - IMG_W / 2; const rowTop = row.offsetTop; const top = rowTop + row.offsetHeight / 2 - IMG_H / 2;hoverImage.style.left = left + 'px'; hoverImage.style.top = top + 'px';hoverImage.classList.add('visible'); });row.addEventListener('mouseleave', () => { hoverImage.classList.remove('visible'); }); });

Экспертная поддержка

//
Экспертное руководство по проекту
Получите персонализированные рекомендации, которые помогут вам выбрать правильное напольное покрытие с ясностью и уверенностью.
ОТПРАВИТЬ ЗАПРОС

Наш каталог

//

Быстрое вдохновение

Создано для покрытия
всего мира

Подпишитесь на нашу рассылку для раннего доступа к коллекциям, инновациям в материалах и дизайнерским тенденциям, определяющим мировую индустрию напольных покрытий.

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors