Цветовая палитра в духе Linear
Палитра в духе Linear - тихий, почти монохромный светлый интерфейс: почти белый фон, один уверенный фиолетовый основной цвет и почти никакого другого цвета, отвлекающего внимание.
Посмотрите, как палитра в духе Linear выглядит в реальном, живом интерфейсе ниже - не на плоском свотче. Переключитесь на «Ваша палитра», чтобы увидеть свои цвета в том же интерфейсе.
Как выглядит палитра в духе Linear?
Трекеры задач и проектов живут или умирают в зависимости от того, насколько быстро человек может пробежаться взглядом по списку и понять приоритет и статус. Это подталкивает визуальный язык к сдержанности: почти нейтральная, малонасыщенная база, один явный основной цвет для немногих действительно важных вещей и типографика, которая делает основную работу вместо декора.
Этот мокап - верхняя панель над трёхколоночной канбан-доской - заимствует этот сдержанный подход с одним акцентом, чтобы показать, как палитра читается в спокойном, насыщенном текстом продуктивном инструменте, а не на цветастой маркетинговой странице. Это оригинальный макет в этом духе, а не копия реальной дизайн-системы какого-либо конкретного продукта.
Ключевые визуальные характеристики
- Почти белый фон с лёгким тёплым или холодным оттенком, а не чистый белый
- Один насыщенный основной цвет, используемый экономно - для активного состояния, ключевых кнопок и почти ничего больше
- Тонкие однопиксельные границы и лёгкие тени вместо тяжёлых обводок карточек
- Трёхколоночная доска с компактными, минимально украшенными карточками
- Маленькие круглые аватары и статусные точки вместо крупных иконок
Цветовые характеристики
- Почти нейтральная, ненасыщенная база - интерфейс читается как «тихий», а не цветастый
- Один уверенный основной цвет (часто фиолетовый или индиго), который делает почти всю работу по акцентированию
- Приглушённые, а не светофорно-яркие цвета статусов (todo/in-progress/done)
Типографика
- Чистый современный гротеск для всего - заголовки и текст используют одно семейство шрифтов
- Плотный межстрочный интервал и мелкий кегль, чтобы уместить больше строк на экране
- Минимальное использование жирного начертания, зарезервированного для заголовков и счётчиков, а не основного текста
UI-паттерны
- Тонкая верхняя панель с логотипом и несколькими пунктами навигации - без тяжёлого hero-блока
- Трёхколоночная канбан-доска (например, Todo / In Progress / Done)
- Компактные карточки задач с заголовком, маленьким аватаром и статусной точкой
- Минимальные, малозаметные элементы управления, намекающие на клавиатурный способ работы
Частые вопросы
Какие цвета обычно используются в интерфейсе в духе Linear?
Почти белая или почти чёрная нейтральная база с одним уверенным основным цветом - часто фиолетовым или индиго - для активного состояния и ключевых действий, и почти ничего другого, отвлекающего внимание.
Это официальные цвета бренда Linear?
Нет - это оригинальный макет, вдохновлённый общим видом современных инструментов для управления задачами вроде Linear, а не копия его официальной цветовой палитры или защищённого товарным знаком дизайна.
Почему так много продуктивных инструментов используют один акцентный цвет вроде этого?
При плотных списках задач или issue один акцент удерживает взгляд на том, что действительно изменилось или требует внимания, вместо того чтобы конкурирующие цвета превращали каждую строку в визуальный шум.
Можно ли посмотреть свои цвета в этом интерфейсе в духе Linear, а не только палитру по умолчанию?
Да - переключите тумблер «Ваша палитра» над предпросмотром, чтобы увидеть свои текущие цвета в живом интерфейсе в духе Linear вместо цветов по умолчанию.