Calm Studio: новый облик Сферы

Сфера росла быстро, и интерфейс собирался по частям. В начале октября мы остановились и сделали единую дизайн-систему — Calm Studio. Её цель простая: в приложении для ежедневного общения ничего не должно кричать.

Основа

Версия 1.0.93 принесла спокойную многоуровневую палитру, единые размеры, отступы, радиусы и состояния элементов. Шрифт Onest с хорошей кириллицей встроен прямо в приложения для Windows и Android и в сайт, поэтому выглядит одинаково везде. Эталон дизайн-системы мы собрали в Figma.

Живые детали

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

Комната

В 1.0.95 сообщения по умолчанию идут списком, как в Discord: аватар слева, цвет имени по автору. Пузыри остались опцией. Колонки комнат, чата и участников стали отдельными скруглёнными «островами», а в панели звонка появились индикатор связи и круглые кнопки с понятными цветами.

Все окна

1.0.96 довёл до конца остальное: кабинет из островов, карточки комнат с цветными значками, список людей с точкой «в сети», личные сообщения пузырями, сгруппированные настройки. Кнопки стали тише: яркая только главная на экране, опасные действия — красные.

• дизайн
• интерфейс