Пять вариантов оформления

Один и тот же сайт, собранный пятью разными способами. Всё живое — можно навести мышкой, понажимать, посмотреть с телефона. Данные в примерах частично выдуманы, чтобы было видно, как сетка держится на четырёх материалах.

01

Журнальный

Крупная типографика и тонкие линии вместо карточек. Список с номерами, как оглавление дорогого издания. Самый «умный» и спокойный вид, хорошо стареет.

02

Тёмный премиум

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

03

Плитки-бенто

Плитки разного размера: главное — крупным чёрным блоком, рядом жёлтый акцент. Живо и современно, сразу видно, что важнее.

04

С обложками

У каждого материала своя картинка, нарисованная нейросетью в фирменных цветах. Самый нарядный вариант, но каждую новую обложку надо генерировать.

05

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

Строгие линии, нумерация, ноль скруглений. Похоже на техническую документацию дорогого бюро. Максимально серьёзно и без украшений.

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