Варианты дизайна главной

Переключение только визуальное: CSS и расстановка блоков. Стек, модель данных и контент не меняются. Варианты не удаляются — архивные остаются доступными по ссылке.

базовые

Инженерная редакция

Белые панели на тёплой бумаге, нумерованные секции, появление блоков при прокрутке.

active ?design=editorial

Спецификация

Страница как техописание: хайрлайны, липкий указатель разделов, акцент только как заливка, без анимаций.

candidate ?design=specification

Светлый стенд

Много воздуха, крупное фото оборудования, тёмные полноширинные полосы между смысловыми секциями.

candidate ?design=stand

Пульт

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

candidate ?design=console

Точность

Сборка сильных частей остальных вариантов: документ на бумаге, таблица направлений, липкий указатель, якорное фото оборудования, рейка витрины на мобильных, одна тёмная полоса. Акцент — только индикатор.

candidate ?design=precision

документы

Чертёжный лист

Тёмная «синька» с белой сеткой, рамка листа, штамп «спецификация», размерные линии под заголовками секций.

candidate ?design=blueprint

Миллиметровка

Вся страница в клетке: двойная рамка-штамп вокруг названия, этапы как сборочные позиции с акцентной осью.

candidate ?design=graphpaper

Протокол испытаний

Лабораторный бланк: поля по краям страницы, таблица параметров, печать «СОГЛАСОВАНО», моноширинные значения.

candidate ?design=protocol

Картотека поставок

Индексные карточки с ярлыками и полями спецификации; акцент — жёлтая метка, а не фон.

candidate ?design=catalog

ГОСТ-титул

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

candidate ?design=gost

Инженерный журнал

Разворот издания: колонтитул, буквица в лиде, колонка «Содержание» с направлениями, рубрики вместо нумерации.

candidate ?design=journal

сетки

Швейцарская сетка

Видимые направляющие, гигантские цифры показателей, hairline вместо коробок, ровно один акцент на экран.

candidate ?design=grid

Чистая комната

Белое пространство и воздух: только hairline-границы, крупные лёгкие цифры, один акцентный штрих.

candidate ?design=cleanroom

Атлас направлений

Пластины с координатными рисками, асимметричная сетка первого экрана, секции как развороты атласа.

candidate ?design=atlas

Маршрутная карта

Непрерывная линия техмаршрута: 8 этапов как узлы на линии, на мобильных линия разворачивается вертикально.

candidate ?design=route

машины

Пульт HMI

Щит оборудования: модульные плитки, LED-индикаторы на показателях, моноширинная телеметрия, статусная шапка.

candidate ?design=hmi

Оптический фокус

Первый экран как диафрагма: кольцо вокруг названия, радиальная подсветка, секции — сегменты оптики.

candidate ?design=aperture

ASCII-терминал

Вывод инструментальной консоли: только моноширинный шрифт, рамочные символы, прогресс-бары из блоков, Q/A в FAQ.

candidate ?design=ascii

креативные

Riso-печать

Два прогона краски: зерно, растровая подложка, рассовмещение — жёлтый слой смещён под заголовком.

candidate ?design=riso

Баухаус

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

candidate ?design=bauhaus

Технический брутализм

Бетон и тяжёлые рамки 3 px, огромный капс, врезанные блоки, рубленое появление без сглаживания.

candidate ?design=brutalism
Соседние лаборатории

Сгенерированные лендинги (3 модели) и 110 вариантов логотипа.

Как сравнивать