Ключ зажигания на старт. Сегодня расскажу про основу календаря — календарную сетку. Первое что нам нужно это получить полный год максимально быстро, ищем в Figma плагин, я перепробовал несколько решений, но остановился на Calendar Generator и за секунды получаем сетку.

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

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

Кстати, по цветовому решению, изначально возьму не официальные цвета Formula 1 (в плане оттенков), хотя их брать не запрещается, больше ориентируюсь на свое восприятие цвета. А вот официальные шрифты пока брать точно не буду, по крайней мере те, что изготавливались под заказ для бренда Formula 1. Но некоторые шрифты, которые они используют находятся в свободной продаже, об этом я подумаю позже, стоит их покупать или нет.

Следующая задача для календаря — это выделить недели с weekend grand prix. Для этой задачи нужно найти подходящий контраст, чтобы обеспечить быстрое считывание (сканирование) календаря. Дополнительно к выделению недели и самого weekend нам нужен вспомогательный визуальный «якорь» с номером этапа Гран-При. Никаких государственных праздников и выходных в календаре отмечать не планирую.

На этом этапе важно посмотреть, как это будет работать на всём календаре, а не на отдельном месяце. Возьму себе время на подумать над вариантом, а вам предлагаю написать в комментарии, какой из вариантов выделения вам нравится (они пронумерованы для удобства) или предложить свой вариант.

Доведу до ума и весь год покажу в следующем посте. Staying on the air 🏎

@racingwall