Дышит карточка
Между карточками на доске — 24 пикселя. Достаточно, чтобы глаза не «слипали» соседние задачи и легко находили нужную.
Дизайн-язык PixStack
Эстетика продуктивности
Почему мы выбрали классический стиль, шрифты с засечками и приглушённые тона — и как каждая деталь интерфейса помогает думать, а не отвлекаться.
Порядок в мыслях. Тишина в интерфейсе.
Один принцип
Меньше элементов — больше смысла
Типографика
Выбор шрифтов и их роль в чтении
Шрифт — первый контакт с продуктом. Мы выбрали пару, которая держит баланс между характером и спокойствием.
Заголовки набраны Fraunces — шрифтом с засечками и мягкими, почти рукописными деталями. Он задаёт тёплый, «человечный» тон и напоминает, что за каждой задачей стоит конкретный человек, а не безликая система.
Основной текст и интерфейсные подписи — на Jost: геометрический гротеск с открытыми формами. Он читается легко даже в мелком кегле и не спорит с заголовками. Пара работает тихо: Fraunces акцентирует, Jost ведёт.
Мы сознательно держим два кегля заголовков и не используем больше четырёх начертаний на экране. Чем меньше вариаций, тем меньше мозг тратит на «распознавание» и тем больше остаётся на содержание.
Белое пространство
Как пустота снижает когнитивную нагрузку
Пустое место — не «потерянное». Это место, куда уходят лишние решения, чтобы голова могла дышать.
Меньше — значит яснее
Ограничиваем число видимых элементов на экране. Когда на доске три колонки, а не двенадцать, вы реально видите проект целиком.
Тишина между действиями
Паузы в анимации и отступы вокруг кнопок дают мозгу время «переварить» переход. Никакого визуального толкотни.
Цвета
Приглушённая палитра для фокуса
Никаких кислотных акцентов. Только тёплый «бумага», глубокий фиолет и капля янтаря — и всё остальное остаётся фоном.
#F7F3EA
«Бумага» — базовый фон
#6B4CC4
Фиолет — главный акцент
#BF8A3D
Янтарь — тёплые детали
#221F29
«Чернила» — текст и линии
Иконки
Минимализм и ясность действий
Каждая иконка — один контур, один смысл. Мы убираем всё, что можно спутать, и оставляем только то, что говорит: «здесь можно нажать».
18 пикселей, толщина 1.6, скруглённые углы. Иконки не кричат — они подсказывают.
Итог
Дизайн, который исчезает
Яркие акценты требуют внимания. Для инструмента, в котором вы сидите часами, мы выбрали приглушённую палитру: глаза устают меньше, а фокус на задачах держится дольше.
Засечки придают заголовкам характер и читаемость. Fraunces в кегле 30–40 пикселей выглядит спокойно и «бумажно», что соответствует философии PixStack — работа как медитативный ритуал, а не гонка.
Да. Тёмная тема построена на той же приглушённой логике: глубокий «чернильный» фон, мягкие линии и тот же фиолетовый акцент. Палитра не меняется — меняется только свет.
Проводим простое тестирование: если иконку можно перепутать с соседней или она «спорит» с текстом — убираем. Остаются только те, которые читаются за долю секунды и не требуют подписи.