Вышка · сервисы и сайты дорогого

Флайаут-меню на ховер: тёмная шторка на всю ширину, три колонки, крупные ссылки-категории + мелкие служебные, фон под ней размыт

• первая колонка — 5–8 главных пунктов 24px semibold, соседние — 12px списки с серым подзаголовком-кикером
• шторка выезжает из навбара, контент страницы под ней уходит в blur + затемнение, а не перекрывается модалкой
• навбар 44px, пункты 12px, между ними воздух ~20px — меню читается как одна строка текста

Эталон пошаговой покупки: sticky-картинка слева, справа вопросы «Модель. Какая лучше для вас?» с карточками-вариантами

• заголовок шага в два тона: жирное «Finish.» + серое «Pick your favorite.»
• следующие шаги бледные и неактивны, пока не выбран предыдущий — прогресс без степпера
• варианты — карточки с радиусом ~12 и рамкой 1px, цена прижата вправо мелким кеглем
• sticky-шапка с названием модели и ценой «от» — итог всегда перед глазами

Кастомизация через список групп «Память / Накопитель / Адаптер» — серые карточки-аккордеоны с подсказкой «из каких вариантов»

• группа опций = серая плашка #F5F5F7 с иконкой, названием и строкой «Choose from 16GB, 24GB…»
• справа от шага — блок «Нужна помощь с выбором?» с (+), а не тултип
• цветовые свотчи 24px кружками без подписей до ховера

Сравнение трёх моделей колонками: селекты-дропдауны сверху, sticky-шапка с ценой и кнопкой Buy, характеристики иконкой + строкой

• в шапке каждой колонки — нативный select с шевроном, выбор модели меняет колонку
• характеристика = иконка 40px + две строки текста по центру; отсутствие — длинное тире
• крупные цифры (7.6″, 6.9″) как визуальный якорь строки

Серая боковая панель с иконками категорий и строкой поиска, справа — полоса метрик (рейтинг / награды / возраст / чарт) через тонкие разделители

• сайдбар: мелкий серый заголовок секции «Categories», пункты 14px с цветной иконкой-глифом
• метрики в строку: кикер 10px капсом, значение 20px, подпись 11px — разделены вертикальной линией
• секции «What's New / App Privacy / Accessibility» — заголовок с шевроном ›, контент в серых карточках

Сайдбар + лента полок; плейлист — большая обложка, тонированный фон по цвету обложки и таблица треков с разделителями

• активный пункт сайдбара — серая пилюля с красной иконкой, остальное нейтрально
• полка = заголовок 17px с › + горизонтальная лента квадратных обложек радиус 6
• таблица треков: миниатюра 40px, серые колонки артист/альбом, «…» по ховеру
• плеер — плавающая стеклянная капсула снизу по центру

Каталог полками: постеры с радиусом, «Топ-10» с крупными цифрами, центрированный навбар на чёрном

• вертикальные постеры 2:3 радиус ~10, подпись жанра прямо на постере
• номер в рейтинге — крупная цифра поверх постера, а не бейдж
• навбар: три текстовых таба по центру + поиск и Sign In справа

Боковая шторка поверх карты: карточка места, «Гиды» плитками с фото, кнопка «Маршрут» на всю ширину

• панель 3-уровневая: иконочный сайдбар → шторка 360px → карта; шторка закрывается ×
• главное действие — одна синяя кнопка во всю ширину шторки, остальное — белые карточки на сером
• плитки гидов: фото с затемнением снизу, кикер + заголовок белым 13px

Первоисточник правил: дерево компонентов слева, у каждой статьи схема компонента (сайдбар, grouped-таблица, шит)

• grouped-список: секция с заголовком/футером, строки с шевроном ›, разделитель начинается от текста
• шит — отдельная поверхность поверх контекста, задача одна, закрытие очевидно
• навигация документации: фильтр сверху, раскрывающиеся группы, активный пункт жирным

Хаб поддержки: ряд продуктов-иконок, топ-задачи серыми карточками с глифом, одно главное действие на экран

• «Что нужно?» → ряд из 6 иконок продуктов с подписью 12px
• задача = серая карточка с цветным глифом и синей ссылкой-действием
• одна синяя пилюля-кнопка на экран (Reset password), остальное — текстовые ссылки ›

Тёмный интерфейс трекера без шума: сайдбар 13px, панель задачи, мегаменю «Product» двумя колонками с описаниями

• мегаменю: пункт = название 13px + серое описание 12px, без иконок, без картинок
• сайдбар: секции Workspace/Favorites мелким серым, строки 28px, иконки 14px одного веса
• активность в задаче — лента событий серым с аватаром 16px, текст события приглушён

Самый «эппловый» инди-таск-менеджер: списки со светлыми чекбоксами, цветные иконки разделов, много воздуха

• иконки разделов — цвет только в глифе (жёлтая звезда Today, красный Upcoming), текст чёрный
• задача — кружок-чекбокс + 15px текст, мета (тег, дата) серой пилюлей справа
• заголовок группы («Slides and notes») синим 13px с тонкой линией и «…» справа

Командная палитра как продукт: поле-фильтр, список слева с группой «Today», превью и таблица «Information» справа, стор расширений

• палитра = поле ввода + dropdown типа справа + список с выделением строки серой плашкой
• превью справа: сверху контент, снизу таблица ключ-значение с тонкими разделителями
• нижняя панель действий: название действия + клавиши ↵ ⌘K мелкими кейкапами

Живой банковский дашборд без логина: баланс, график, таблица транзакций с фильтрами-пилюлями и боковая панель детали

• таблица транзакций: дата / контрагент с аватаром-инициалами / сумма с копейками надстрочно / счёт
• фильтры над таблицей — ряд серых пилюль с шевроном (Date, Keyword, Amount), «Saved views» слева
• клик по строке — правая панель поверх таблицы, а не переход на страницу
• суммы: минус чёрным, приход зелёным, центы мелким верхним индексом

Календарь с мягкими пастельными событиями, командным меню ⌘K и мини-календарём для слотов записи

• событие = пастельная заливка + тёмная полоска слева 3px того же тона
• мини-календарь: сегодня — красный кружок, выбранные слоты — кнопки-пилюли в колонку
• командное меню: поле «Type a command…», строки с шорткатом справа серым

Публичная система: дропдаун-меню с опасным пунктом красным, 10-ступенчатые шкалы серого/цветов, «материалы» с радиусами 6/12

• меню: белая поверхность, радиус 8–12, тень + обводка 1px, пункты 14px, destructive — красным в конце
• серый — 10 ступеней (фон → граница → текст), цвет берётся по ролям, а не по hex
• материалы: base/small — радиус 6, medium/large — 12; поверхность различается тенью, не цветом

Мобильный финансовый экран: огромный баланс, две равные кнопки действий, карточки-модули со статусом

• баланс 44px+ жирным, подпись счёта мелко сверху — одна цифра доминирует над экраном
• две кнопки «Add money / Withdraw» равного веса, серые, на всю ширину
• модули (Savings, Pools, Bitcoin) — белые карточки радиус 16 с одним числом и прогресс-кольцом

Плотный список чтения на тёмном: миниатюра, заголовок, выдержка, мета, теги-пилюли; справа панель заметок

• строка списка: превью 56px + заголовок 14px semibold + 1 строка выдержки серым + мета «автор · 17 мин»
• табы «LATER / SHORTLIST / ARCHIVE» капсом 11px вместо сегментов
• правая панель Info/Notebook: хайлайты жёлтой подложкой как цитаты

Личный финансовый дашборд уровня Apple: график трат с меткой «$125 under», категории-эмодзи, кольца бюджетов

• категория = цветная пилюля с эмодзи и капсом 9px (GROCERIES, RESTAURANTS)
• линия графика с точкой «сегодня» и зелёным бейджем отклонения от плана
• бюджеты — ряд колец прогресса с иконкой внутри и суммой под ним

Мегаменю по колонкам «Payments / Revenue / Money Management», у каждого продукта строка-пояснение, справа — промо-карточка

• пункт = название цветом бренда 13px + серое пояснение 12px в одну строку
• колонки с заголовками-категориями, правая колонка «More» отделена фоном
• меню выезжает белой карточкой радиус 8 с большой мягкой тенью, фон страницы размывается

Мегаменю без иконок и описаний: три колонки чистых ссылок 14px с серыми заголовками групп

• заголовок группы 12px серым, ссылки 14px чёрным, межстрочный 24px
• внешние ссылки помечены ↗, больше никакого декора
• меню не перекрывает страницу — сдвигает контент и гасит его до серого

Командная палитра поиска: поле, «Suggestions» до ввода, результаты с подсветкой совпадения и строкой-выдержкой

• до ввода — список подсказок с иконкой-книгой, после — «Results» с подсветкой совпадения
• активный результат — серая плашка во всю ширину, клавиша Esc в углу поля
• фон страницы бледнеет до белого 70%, а не темнеет

Эталонные примитивы меню: dropdown, context menu (правый клик), select с группами — плюс панель темы (акцент, серый, радиус, масштаб)

• пункт меню: текст слева, шорткат ⌘E справа серым, разделители группируют действия, Delete — красным внизу
• select: группы с серыми заголовками («Fruits», «Vegetables»), выбранный — галочка + акцентная плашка
• тема задаётся 4 ручками: акцент, оттенок серого, радиус (none→full), масштаб 90–110%

Список + карта с пилюлями цен, модалка фильтров с гистограммой цены, сегментом типа жилья и sticky-кнопкой «Показать 1 000+»

• шторка фильтров: sticky-футер «Clear all» слева + чёрная кнопка с живым счётчиком результатов справа
• цена — гистограмма распределения над двойным слайдером + два поля min/max
• тип жилья — сегмент на всю ширину, активный с обводкой 2px
• пин цены на карте — белая пилюля с тенью, выбранный — чёрный

Список объектов + карта с кластерами цен, ряд фильтров-пилюль и правая шторка фильтров с гистограммой цены и сегментами «Beds / Baths»

• фильтры-пилюли над выдачей: For sale / Price / Beds/baths / Filters — каждая открывает свой поповер
• комнаты — сегмент «Any / Studio / 1 / 2 / 3 / 4 / 5+» с подсказкой «тапните два числа для диапазона»
• sticky-кнопка результата красным «See 19k+ homes» + «Reset all» текстом слева
• карточка объекта: цена 20px жирным, строка «beds · baths · sq ft», адрес мелко, share/♡ справа

Маркетплейс брендов: иконочный рейл слева, чипы категорий с иконками, витрина бренда с sticky-чипами коллекций и сортировкой

• чипы категорий = миниатюра-кружок + подпись, горизонтальный ряд
• поверх каталога — плавающая поисковая капсула снизу по центру «What are you shopping for today?»
• сетка товаров: белая карточка радиус 12 с ♡ в углу, под ней название 12px, звёзды и цена
• sticky-панель: Sort by (чёрная пилюля) / On sale / Price ▾ / In-stock

Живой чекаут с панелью настроек: сводка заказа, промокод, налог, валюта; форма адреса группой полей без лишних рамок

• адрес — одна группа полей, склеенных общей рамкой, внутренние разделители 1px
• сводка: позиция с миниатюрой, Subtotal / промокод-пилюля / VAT / Total due жирным
• выбор валюты — два сегмента с флагом и суммой в каждой валюте
• настройки превью — список тумблеров iOS-стиля, сгруппированных заголовками

Каталог как каталог: серые плитки товара на белом, строка «название / цена» и «+» в корзину, фильтры текстом

• фильтры категорий — строка серых слов, активное чёрным, счётчик «131 products» справа
• плитка товара #F2F2F2 без рамок и теней, товар по центру, под ней 12px текст и «+»
• карточка товара: название и цена крупно, «ready to ship», одна чёрная кнопка «add to cart»

Б/у-витрина Apple: левая колонка фильтров-аккордеонов (модель, год, память, объём), сетка товаров без рамок, сортировка «Price: Low to High»

• фильтры: группа = заголовок 13px semibold + шеврон, недоступные значения — светло-серым, а не скрыты
• товар: картинка по центру ячейки, название 12px в две строки, цена под ним — всё
• ячейки сетки разделены только тонкими линиями, без карточек
• прямой шаблон для магазина б/у техники Льва: модель → год → память → состояние

Карта слева с рисованной границей, справа выдача и фильтры в том же рельсе: чекбоксы типов, статусы, степперы, «See 23 710 Homes»

• фильтры раскрываются внутри рельса выдачи (Close Filters), карта остаётся видимой
• поля «No Min / No Max» парами с тире, степпер − 1 + для ванных
• статусы листинга чекбоксами (Coming Soon / Active / Pending / Sold) — прямо как статусы в CRM
• sticky-футер рельса: «Reset» текстом и чёрная кнопка со счётчиком

Сплит-hero, логотип на два экрана, овальные видео-маски, пилюли

Тёмно-синяя тема, тонкий капс во весь экран, медный акцент, 3D-карта пилюлей

Фильм на весь экран, антиквенные цифры вертикально по центру

Кремовые поля, антиква, журнальные две колонки, lifestyle-фото

Тёплый крем, антиква + гротеск, почти без интерфейса

Видео заката, собственный жирный гротеск на весь экран

Тёмная шапка с золотом, полноэкранный рендер, конверсионная шапка

Терракотовый фон, жирный капс во весь экран, меню полками

WebGL-скульптура из лобби как 3D-герой сцены, метафора вечной эстетики

коллекция ультра-люкс резиденций Мумбаи с редакционной типографикой и крупными рендерами

бутик-резиденции на Коста-дель-Соль, средиземноморская сдержанность и натуральные текстуры

высокий рейтинг CSSDA, чистая типографическая сцена премиум-ЖК с крупным словом-логотипом

тройной SOTD, прелоадер-ночь и капсовая типографика поверх ночного рендера башни

жилой комплекс Нового Белграда на Next.js/GSAP/Three.js, крышные парки и крупный типографический подвал

ультра-люкс коллекция Sobha Realty в Дубае, чёрная WebGL-лента и рукописная типографика

природный бренд ЖК, коллаж растительных текстур и мягкий свет вместо бетона

горные резиденции в Blue Ridge, сдержанный интерфейс поверх ландшафтной фотографии

кондо-отель в стрит-арт районе Wynwood, закатный рендер фасада как герой

16 таунхаусов-резиденс-клуб в Бенде, Орегон, тёплые интерьерные фото и антиква

мадридский бренд курируемых домов, нарративная подача через детали и крупную типографику

жилой дом в центре Владивостока, атмосферная пастельная подача и рукописный заголовок

резиденции на Афинской Ривьере и в Лондоне, горизонтальная раскладка поверх интерьерного кадра

жилой квартал с интерактивной 3D-картой доступных апартаментов, тёплый рендер двора

портфолио девелопера Мумбаи, кинематографичный WebGL-хиро и крупная типографика

девелопер люкс-резортов Карибы/ОАЭ по программам гражданства, глубокая палитра и строгая типографика

хай-райз квартал в Таллине, лайфстайл-фото с крупным слоганом «homes with a sense of future»

новый культурно-жилой квартал на месте авиабазы, ландшафтная типографика мастер-плана

гольф-резорт с продажей резиденций в Новой Шотландии, драматичная фотография скал на закате

редакционный портфель гольф-резортов от Кейп-Бретона до Сент-Люсии, крупная ландшафтная фотография

переосмысленный гольф-курорт Флориды, тёплая цитрусовая палитра и минимальный интерфейс поверх фото

полноэкранное видео ландшафта курорта, подчёркивает премиальное позиционирование среди гольф-резортов

сезонные параллакс-иллюстрации гор и чемпионского поля Тома Уайскопфа вместо фотографий

портфель приватных гольф-клубов и резиденций по всему миру, крупная фотография ландшафта

культовый линкс-курорт Орегона, суровая природная фотография дюн как визуальный якорь

самый удалённый люкс-лагерь планеты, ледяная монохромная сцена и кинематографичный скролл

частный атолл Тетиароа, редакционная вёрстка вокруг вилл с плавательными бассейнами

«рустик-люкс» эстетика виллы на скале, крупные полноэкранные кадры океана

уединённый частный остров с фокусом на wellness, панорамный кадр гранитных скал и лагуны

независимый частный остров Камбоджи, натуральная палитра и сторителлинг вокруг локальной культуры

эко-люкс философия «no news no shoes», деревянные текстуры и надводные виллы в кадре

продуктовая страница суперкара с микровзаимодействиями, выстроенная как визуальное повествование

Three.js и микроанимации подчёркивают инженерную мощь электрогиперкара

культовый лаунч электро-пикапа, редкий пример SOTD у автопроизводителя

электрогиперкар с дизайном, вдохновлённым природными формами, чистая продуктовая сцена в движении

дилер классических и суперкаров высшего сегмента, витринная подача редкого инвентаря

дилер редких классических авто, крупный кадр Ferrari-победителя Ле-Мана как герой-сцена

самые быстрые суперяхты в мире поданы через мощную тёмную кинематографичную сцену

обновлённый цифровой образ итальянской верфи, дрон-видео яхты на закате во весь экран

греческий яхт-брокер, чистая люксовая типографика и крупные морские кадры

каждый клик переносит в момент отшвартовки — аэросъёмка яхты в бухте, люксовая платформа голландской верфи

видео-герой «будущее солнечного яхтинга», кинематографичный свет на палубе катамарана

минималистичный компас вместо лендинга, культовая нидерландская верфь суперъяхт