Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
Custo — превью сайта в этом стиле

Custo

Галерея цвета оружейной стали с монолитным шрифтом. Выставочный зал в приглушенных серо-зеленых тонах, где единственный темный объект и шрифт 57px говорят сами за себя

Custo функционирует как галерея промышленных товаров: теплый металлический холст служит фоном для физического продукта, а крупноформатная типографская надпись — основным визуальным украшением. Система строго ахроматична — никаких хроматических цветов — позволяя темному анодированному почтовому ящику и геометрической тяжести одного шрифта без засечек передавать всю индивидуальность бренда. Каждый экран уравновешивает обширное пустое пространство с монументальным типографским заявлением, при этом фирменный знак повторяется как почти архитектурный элемент. Поверхности плоские и матовые; глубина создается за счет собственной отражательной способности продукта, а не за счет теней или градиентов.

Модель страницы представляет собой вертикально расположенную одноколоночную структуру с максимальной шириной контента ~1280px, центрированную в области просмотра. Главный элемент страницы занимает всю ширину страницы, выполненный в цвете Canvas Gunmetal #9ea29f от края до края, с фотографией почтового ящика, расположенной по центру справа, и логотипом 57px CUSTO®, закрепляющим нижний край. Под главным элементом чередуются разделы: двухколоночный текстовый блок (небольшая подпись слева, большой заголовок справа), за которым следует горизонтальная сетка из трех карточек с изображениями товаров, затем двухколоночные строки текста и изображений, где основной текст чередуется по сторонам. Промежутки между разделами составляют 110px, создавая значительное вертикальное пространство для «дыхания». Навигация представляет собой единую прозрачную верхнюю панель, которая при прокрутке становится Paper белой. Значок CES — это фиксированный плавающий элемент в правом нижнем углу. Общий ритм напоминает галерею: мало элементов в каждом разделе, крупный шрифт, широкие промежутки и фотография товара в качестве визуального знака препинания между текстовыми полосами.

Изображения представляют собой исключительно предметную фотосъемку почтового ящика Custo, выполненную в трех режимах: портрет в полный рост на фоне металлического корпуса, снимки в стиле лайфстайл, демонстрирующие взаимодействие человека с устройством, и крупные планы интерфейса сканирования и светодиодного кольца. Все фотографии выполнены в приглушенных, высококонтрастных тонах, а матовая черная отделка почтового ящика служит визуальным якорем. Никаких иллюстраций, абстрактной графики, стоковых фотографий. Фотографии размещены на карточках радиусом 8px или используются в полноэкранном режиме за логотипом 57px. Значок CES — единственное многоцветное изображение на всем сайте.

Палитра

Нейтральные

  • Canvas Gunmetal #9ea29f — Фон главного и тематического разделов — теплый серо-зеленый оттенок отличает Custo от стандартных белых шаблонов SaaS и воспринимается скорее как архитектурный бетон, чем как цифровая поверхность.
  • Obsidian #000000 — Основной текст, тонкие границы, штрихи иконок — самые контрастные чернила в системе, используемые для заголовков и структурных разделителей.
  • Paper White #ffffff — Фоновые изображения частей тела, инвертированный текст на холсте цвета оружейной стали, текст на темном фоне предметной фотографии.
  • Anodized Graphite #4b514d — Темная поверхность для предметной фотосъемки, дополнительных заголовков и объемного текста — перекликается с отделкой почтового ящика, поэтому пользовательский интерфейс и продукт выполнены из одного материала.
  • Brushed Steel #8e9194 — Приглушенный основной текст, разделители списков, дополнительные контуры значков — расположен между цветами Paper White и Obsidian для встроенных метаданных и неброских ссылок.
  • Linen Mist #a7aaad — Светлый цвет рамки и разделителей для заголовков и разделительных линий — едва заметный оттенок, который никогда не конкурирует со структурными линиями цвета «Обсидиан».

Типографика

от 15 до 57px · 5 ступеней

  • PP Neue Montreal — замена: Inter · начертания 400 (Medium) · Односемейная типографская система используется для всего, от основного текста до пояснительных надписей — геометрическая однородность по толщине является отличительной чертой, позволяющей избежать использования каких-либо вторичных или специфических для отображения шрифтов, поэтому словесный знак «CUSTO®», установленный на уровне 57px, читается как принадлежащий к тому же типографскому семейству, что и метка поля ввода формы 15px.

Интервалы и форма

НазначениеЗначение
Плотностьпросторная
Базовый шаг24px
Радиус кнопок31.35px (pill) for primary action; 8px for secondary
Радиус карточек8px
Тенинет — границы вместо теней
Между секциями110px
Ширина страницы1280px

ИИ соберёт ваш сайт в стиле Custo и наполнит его

  • Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
  • Перенесёт контент со старого сайта — достаточно указать адрес.
  • Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
  • Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.

Похожие стили

  • 099 SUPPLY — Стена галереи, заполненная черно-белыми объектами
  • Specht Studio — Галерейная стена, наполненная сдержанным любопытством. Собственная хромированная отделка студии – это белая …
  • Structured — Галерея эпохи Возрождения на бумаге, напоминающей пластилин
  • Airbnb — Тихая белая стена галереи с одной кораллово-красной закладкой
  • VSCO — Монохромная стена галереи — выставка черно-белых фотографий, где единственный теплый прожектор освещает след…
  • Apple (España) — Музейная галерея в мягком дневном свете — это единое, захватывающее, невесомое белое помещение, где каждый э…
  • Peak Design — Стена галереи, частично освещенная
  • Apple (España) — Витрина обсидиановой галереи — темный выставочный зал, где единственный титановый объект светится на фоне аб…
  • Apple (España) — белая витрина галереи
  • teenage engineering — Промышленный каталог в студийном освещении — продукт является единственным значимым объектом на странице, а …
  • Apple (España) — Галерейная витрина в утреннем тумане
  • Apple (España) — Белая музейная галерея в полдень