TGViewer
«Ритм» — дизайн-студия «Ритм» — дизайн-студия @ritmo_studio · 659 subscribers
Post #52 1.12K
Почему – «Ритм»?

Всё просто. Изучая типографику, первым делом, сталкиваешься с понятием – «вертикальный ритм». Углублясь в это направление, стало очевидно, что это применительно не только к работе с шрифтами, но и в целом к дизайну.

Когда перед студией встала задача по управлению дизайн-системой и фронтендом, одной из главной проблемой было "подружить" на 100% дизайн в фигме с HTML-вёрсткой, без компромиссов на расхождение. И благодаря «вертикальному ритму» удалось это сделать. Вкратце: мы взяли за основную переменную значение 8px. В фигме просто всё кратно 8px. А на вёрстке были сложности, но мы взяли два экрана 1528px и 640px, применили формулу 8/1528*100 и получили =0,523560209424084 (для моб. другое). Далее мы назвали переменную —u-ritmo-verticale (итал.) и теперь можем просто кратко умножать в вёрстке на любое значение и быстро тестить в консоле дизайн (пример background-size: 100% calc(var(--u-ritmo-verticale)* 4);).

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

✌🏻
  • ❤‍🔥 10
  • 🔥 2
More from @ritmo_studio
  1. Sep 25, 2026Post #195
  2. Sep 11, 2026почти год назад мы обнаружили супер шрифт от дизайнера из Милана. У нас была мечта – сдела…
  3. Sep 11, 2026photo post
  4. Sep 5, 2026✌🏻 друзья, мы тихонько работаем, многое хочется показать: проекты, шрифты, веб-дизайн, ан…
  5. Aug 25, 2026оч крутая линейная анимация автор в и: smallvictories_diksha
  6. Jul 21, 2026пока мы в лёгкой, предфестивальной запаре, совсем забыли упомянуть, что в этом году от наш…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →