Годовой шаблон
Третий экран под следующий год можно собирать на этом же каркасе: hero, таймлайн, карточки с акцентами и компактные метрики внизу.
Наша история
Таймлайн в едином коде
Один HTML-файл объединяет обзорную страницу и два годовых экрана. Макет построен на чистой светлой поверхности, крупной типографике и карточках без теней.
Первые три экрана
Первый экран работает как вход в историю, два следующих — как детальные годовые разделы с одним и тем же визуальным ритмом.
Экран 01
2025
Крупный экран года с таймлайном вех и тремя опорными метриками.
Экран 02
2024
Второй годовой экран с таким же шаблоном, но более спокойной подачей.
Один акцент
Синий цвет оставлен только для основного действия, чтобы сохранить чистую иерархию.
Годовой экран
2025
Экран года начинается с одного сильного заголовка, а затем ведет пользователя через ключевые вехи и короткие содержательные блоки.
Ключевые вехи
Здесь можно подставить реальные события из материалов за 2025 год, сохранив короткие абзацы и чистую визуальную подачу.
Q1
Старт года
Первый блок открывает год главным изменением или запуском. Сначала смысл, затем факт и короткий эффект.
Q2
Развитие
Во втором блоке удобно показать рост, внедрение, расширение или производственный этап.
Q3–Q4
Итоговая дуга
Финальный блок завершает год и подводит пользователя к следующему разделу без перегруженного отчета.
Акценты года
Карточки ниже подходят для результата, стратегического фокуса и трех опорных чисел.
Стратегический фокус
Здесь лучше держать одну главную тему года и объяснять ее простым языком.
Ключевое достижение
Самый важный итог года в одной фразе с коротким числовым подтверждением.
01
Главный показатель
02
Второй ориентир
03
Итоговый эффект
Годовой экран
2024
Второй экран сохраняет ту же систему, чтобы переход между годами был цельным, спокойным и предсказуемым.
Хронология
Для этого экрана лучше использовать чуть более спокойные подписи и меньше декоративных акцентов.
01
Событие года №1
Короткий содержательный блок с одним главным изменением и одной понятной формулировкой эффекта.
02
Событие года №2
Во втором пункте хорошо показывать развитие темы или важный промежуточный результат.
03
Событие года №3
Завершающий блок помогает мягко перевести пользователя к следующему году или обратно к обзору.
Фокус экрана
Нижний блок закрепляет смысл года одной короткой формулой и тремя компактными опорами.
A
Ключевая тема
B
Главный эффект
C
Переход к следующему блоку
