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

ThoughtLab

Обсидиановый монумент с багровым сигналом. Полотно из черного пустоты, где единственный насыщенный красный объект в соборе, напечатанном крупными белыми буквами, — это единственная хроматическая фигура

ThoughtLab работает как язык дизайна черного собора: чистый черный холст, один красный импульс и настолько крупная типография, что она выполняет функцию архитектуры. Система почти полностью ахроматична — #cccccc отвечает за основную часть, #ffffff — за отображение, — при этом #fc1c46 появляется только при единственном основном действии в виде контролируемого скачка напряжения на фоне пустоты. Иерархия строится за счет резких скачков масштаба (198px → 14px), а не за счет цвета, теней или заливок. Компоненты невесомы: прозрачные карточки, кнопки-таблетки, тонкие поля ввода, отсутствие стека возвышений — страница дышит за счет негативного пространства и плотно расположенного верхнего регистра, а не за счет контейнеров.

Темный холст, занимающий всю ширину страницы, с широкими горизонтальными полями (126px с каждой стороны, что смещает колонку с контентом примерно до 1400px). Заголовок представляет собой одну строку 72px: логотип слева, слоган по центру, кнопка призыва к действию в виде таблетки и гамбургер справа. Герой представляет собой разделенную композицию — увеличенный заголовок 198px заглавными буквами слева с поддерживающим основным текстом 18px ниже, а 3D-сфера перекрывает текст справа от центра, частично «съедая» его. Под героем разделы расположены в просторном вертикальном ритме с промежутками 86–108px между ними. Элементы работы отображаются в виде списка, занимающего почти всю ширину страницы, а не в виде сетки карточек. Нет боковой панели, нет мега-меню, нет нижнего колонтитула с сеткой из колонок — нижний колонтитул представляет собой одну тихую строку с информацией об авторских правах и контактными данными #4c4c4c. Навигация за пределы заголовка запускается гамбургером в полноэкранное наложение.

Изображения немногочисленны и намеренно подобраны. Доминирующим визуальным элементом является большая сфера из обсидиановой жидкости, созданная с помощью WebGL — темная, почти черная трехмерная форма с едва заметными синими и янтарными отражениями по краю, которая парит на черном фоне и частично перекрывает заголовок. Она функционирует скорее как иконография бренда, чем как иллюстрация. Миниатюры проектов отображаются в виде фотографий или видеороликов в вертикальном списке, представленном от края до края без рамки. Никаких фотографий в стиле лайфстайл, никаких стоковых изображений, никаких декоративных градиентов. Сфера и шрифт — единственные визуальные элементы на странице.

Палитра

Бренд

  • Crimson Signal #fc1c46 — Основной акцент — единственный красный элемент; он присутствует на вкладке «Контакты», в логотипе бренда и больше нигде. Его редкость обусловлена особенностями дизайна.

Нейтральные

  • Void #000000 — Фон страницы, холст — абсолютная основа, на которой парят все остальные элементы.
  • Ash #cccccc — Основной текст и текст ссылок, тон текста по умолчанию на черном холсте — выбран вместо чисто белого, чтобы смягчить оптические блики.
  • Frost #ffffff — Отображение заголовков, текста кнопок, текста полей ввода и разметки — самый яркий уровень, предназначенный для контента, который должен быть линейным.
  • Graphite #4c4c4c — Авторские права, метатеги, вспомогательный текст — намеренно приглушен, чтобы не конкурировать с основным текстом.

Типографика

от 10 до 198px · 7 ступеней

  • sui — замена: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · начертания 300, 400, 500, 700 · Единственный шрифт. Sui — это специально разработанный геометрический шрифт без засечек, используемый для всего, от 198px для заголовков до 10px для подписей. Толщина 700 зарезервирована для монументальных заголовков и крупных названий; толщина 400 используется для остальной части системы. Контраст между жирным и обычным шрифтом — это основная система шрифтов, второе семейство не требуется.

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

НазначениеЗначение
Плотностьплотная
Базовый шаг9px
Радиус кнопок9999px
Радиус карточек0px
Тенинет — границы вместо теней
Между секциями86-108px
Ширина страницы1400px

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

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

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

  • Vivid+Co — призматический свет сквозь обсидиан
  • Sequel — Частный показ после наступления темноты — единственная теплая лампа в остальном неосвещенном кинотеатре
  • Dovetail — Схема чертежа под черной луной — едва заметные линии графика, белый шрифт, одна фиолетовая искра
  • MekaVerse — Монохромная галерея цифровых артефактов — сплошная черная пустота, где отрисованный мир висит, словно музейн…
  • Krea — галерея нуар в полночь
  • Factory — Терминал «военная комната» в полночь. «Завод» — это строгая черная панель управления, где единственная белая…
  • basement — Пустая типография в 3 часа ночи — огромные, сжатые шрифты, растекающиеся по кромешной тьме, один проблеск ор…
  • Stink Studios — Киностудия в полночь — проектор гудит, в комнате темно, светится только кинопленка
  • Apple (España) — черный театр со светящейся фурнитурой
  • Charlie — Типографика, высеченная из монастырского камня на обсидиане. Портфолио, в котором одна красная стена создает…
  • Rive — Высокоточное ночное видение. Интерфейс представляет собой специальную линзу, пробивающуюся сквозь темноту, ч…
  • Datalands — Черный собор с единственным неоновым пульсом. Логотип заполняет неф; все остальное — это едва слышный текст …