HyperFrames: Frame.md

Вместо ручной сборки раскадровок под брендбук HyperFrames предлагает связать гайдлайны с кодом. Логика простая: файл design.md задает правила бренда, а frame.md управляет композицией внутри кадра. Достаточно вставить свою спецификацию, и система переведет ее в параметры для формата 16:9. Полученный frame.md сразу отправляется в рабочий проект HyperFrames, а витрина на сайте служит быстрым предпросмотром.

Что умеет

• Трансляция айдентики в моушн-дизайн. Преобразует входящую спецификацию design.md в файл frame.md, управляющий кадром.
• Контроль параметров сцены. Переводит правила стиля в настройки кадрирования 16:9: темп (pacing), масштаб элементов (scale), длительность удержания внимания (dwell) и характер анимации (motion).
• Библиотека готовых композиций (Premade frames). Предлагает набор стилевых решений с фиксированной типографикой, сетками и контрастами:
  • Biennale Yellow: пергаментная подложка, желтое свечение, шрифт Instrument Serif, чернила оттенка индиго и тонкие разделители в один пиксель.
  • BlockFrame: необрутализм с плотными черными рамками, жесткими смещенными тенями и контрастными акцентами.
  • Blue Professional: корпоративная гамма с кобальтовым акцентом, заголовками Space Grotesk и набором Inter.
  • Bold Poster и Broadside: эстетика газетных и журнальных плакатов на базе Shrikhand или Barlow с плотной версткой.
  • Capsule, Cartesian, Cobalt Grid: редакторские сетки, капсульные плашки, волосяные линии и шрифтовые пары на основе Bodoni Moda, Newsreader и Hanken Grotesk.
  • Creative Mode, Daisy Days, Editorial Forest: палитры от пастельных садов до триады из зелени и розового с моноширинным JetBrains Mono.

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