
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 — Черный собор с единственным неоновым пульсом. Логотип заполняет неф; все остальное — это едва слышный текст …