Выбирай оболочку по задаче и длине списка. При правке свойства выбор сохраняется на месте; при создании он остаётся частью общей формы.
Меню действий
Рабочее раскрытие: мимо, Esc и повторное нажатие закрывают меню.
Не сохранилось. Попробуй ещё раз.
Во время отправки блокируется только своё действие.
Палитра
tokens.css
Значения читаются из текущей темы прямо из CSS. Оттенки разделов живут только в корешках, точках и мелких метках, цвета людей — в точках.
Показать значения токенов
Поверхности и текст
--paper
--paper-2
--control
--hover
--ink
--ink-2
--ink-3
--line
--line-strong
Акцент, состояния, записка
--accent
--accent-soft
--on-accent
--ok
--warn
--danger
--note
Оттенки разделов
--hue-shop · Покупки
--hue-home · Дела
--hue-kitchen · Кухня
--hue-cinema · Кино
--hue-calendar · Календарь
--hue-diary · Дневник
--hue-quiz · Квизы
--hue-private · Личное
--hue-inbox · Входящие
Цвета людей
--person-1 · брусника
--person-2 · мёд
--person-3 · шалфей
--person-4 · морская
--person-5 · сизый
--person-6 · вереск
Типографика
Manrope 400–800
Одна гарнитура. Иерархия — размером и весом, не цветом. Цифры в счётчиках, ценах и датах — одной ширины.
display · 30/36 · 800Среда, 21 октября
title · 24/28 · 800Покупки
h-card · 22/26 · 700Вакууматор
h-block · 18 · 700Сегодня у нас
body · 16,5/17 · 400Замораживать порции супа и заготовки без инея — и перестать выбрасывать половину зелени. Строка 1,5 в списках, 1,65 в теле карточки.
row-title · body · 600Молоко
meta · 13,5 · 500каждые две недели · Иван
h-group · 13,5 · 600Молочное
stamp · 12 · 700 · 0,08emСр · 21 окт
num · tabular1 240 ₽ · 16:30 · 35 мин · 2026
Экран «Сегодня»
R1
Первый экран дня: дата словами, приветствие, что купить, что у нас сегодня. Строки ввода у «Сегодня» нет: записывает плавающая «+» (на телефоне) или «+ Записать» в шапке (на компьютере), см. «Добавить там, где стоишь». Без красного и счётчиков-укоров.
Строка 52 px: галочка, название, тихая мета, точка того, кто добавил. Сделанное зачёркивается карандашной линией и уходит вниз в «Куплено». «Добавить сюда» — первая под заголовком и чипами списков, кнопка у неё тихая.
Покупки
Молочное
Молоко
2 лобычно кончается к четвергу
Йогурт греческий
Овощи и фрукты
Лимоны
для пирога
Тыква
1 кгна суп в среду
Чеснок
Бакалея
Кофе зерновой
250 гпора: обычно к среде
Куплено 3
Хлеб
сегодняИван
Масло сливочное
вчераона
Яйца
вчераИван
Свои списки (спека 061): чужой свой, «Новый список»
Листок — заливка --paper-2, радиус 10 px, без обводки и тени. Тень появляется только у поднятого (перетаскиваемого) листка. Цвет раздела — точкой у заголовка.
Во всю ширину телефона, на компьютере — колонка ~68 знаков. Сверху крошка «‹ Личное · Проекты» — дорога назад к родителю. Свойства — тихой строкой под заголовком, тело — проза Markdown с кликабельным чеклистом, ниже связи, комментарии и история.
Проектактивенс 12 октИван2 из 4 задачкухня, заготовки
Цель
Замораживать порции супа и заготовки без инея — и перестать выбрасывать половину зелени. Если через месяц пакеты лежат нетронутые, проект закрываем честно.
Взял 28 см, два рулона. Первую партию сделаю в субботу.
История · 5 изменений
Вт · 14 октИван · задача отмечена: «купили и распаковали»
Пн · 13 октона · комментарий
Вс · 12 октИван · покупка стала проектом
Сб · 4 октона · карточка создана в «Хотелки»
Записка партнёру
R3
Единственный «стикер» в системе: заливка --note, ровная, без наклона. Показывается один раз на «Сегодня» другого.
Записка от неёсегодня · 7:40
Купи, пожалуйста, лимоны — хочу испечь пирог к пятнице. И спасибо за посудомойку.
Пустые состояния
Одна фраза и одно действие. Без иллюстраций-заглушек, восклицаний и «Упс».
Список пуст — красота.
Кино кончилось. Добавь что-нибудь.
Сегодня дел нет.
Ничего не нашлось по «тыква».
Кнопки и формы
Основная — одна на экран, терракотовая. Остальные — тихий текст. Глаголы: «Купили», «Сделано», «Посмотрели», «На вечер». Поля без рамок, на --control, шрифт не меньше 16 px. Залитый круг — «Найти» в поиске и плавающая «+»; «+» у строк разделов — контурный.
Одна фотография в форме
Контурная кнопка выбора; после выбора — фотография целиком и тихая замена под ней. Выбор не отправляет форму.
Добавить там, где стоишь
спека 027
Показать формы добавления и возврата
«Добавить сюда» — строка своего раздела, первая под заголовком и чипами видов. «+» (на телефоне плавающая справа над нижней панелью, на компьютере «+ Записать» в шапке) на странице со строкой ставит курсор в неё (PD-095), где строки нет — открывает панель «Записать» поверх затемнённой страницы. «Детальная форма» — длинная форма той же записи (PD-134). Для другой задачи открывают нужный раздел (PD-244). Залитая терракотовая «+» на экране одна; куда уйдёт запись, видно до Enter.
Строка раздела
Пока печатаешь — куда уйдёт запись. Ничего не набрано — подсказки нет, подписью служит сама строка. Длинная форма — за «Детальная форма» под той же строкой, подпись одна во всех разделах (на «Кухне» и в Дневнике — переход на полную форму, набранное уезжает туда).
После Enter строка пустая и в фокусе. В свой раздел — «Записано: … · Отменить», в чужой (по #кино) — «Записано в Кино: … · Открыть».
Панель «Записать» и «Куда ▾»
Панель у верхнего края — над клавиатурой iPhone поле остаётся видно. Рядом с полем — «Записать» (Enter работает так же). Семь мест словами; при открытии — место страницы: на «Делах» — Дела, на «Сегодня» — Входящие (PD-094); выбор держится, пока панель открыта.
После Enter поле пустое и в фокусе, «Куда» то же: «хлеб» и «яйца» уходят туда же. «Отменить» убирает только что записанное (во Входящие — «Записано: … · Отменить · Переместить»). Закрыть — «×», касание мимо или Esc; набранное остаётся.
Плавающая «+» и «+ Записать»
Телефон: 56 px справа над нижней панелью, тень — та же, что у тоста.
Компьютер: в шапке после разделов, контурная. Здесь обе открывают панель; в приложении на странице со строкой раздела они ставят курсор в строку.
У формы рядом с основным действием — тихая «Отмена»: ссылка, ничего не сохраняет и не спрашивает.
Чипы, пилюли, штампы, точки
Тег-чипы
заготовки
Пилюли свойств
35 минкаждые 2 неделидо пятницыготовит она1 240 ₽
Штамп даты
Ср · 21 октПт · 24 окт · 19:30окт 2026год назад
Точки людей
Иван она вдвоём никто
Выбор своего цвета при первом входе
Нажми — точки «Иван» на витрине сменят цвет.
Карандашная галочка
пусто · отмечено · недоступно
Шит, диалог, тост
На телефоне диалог выезжает снизу и держит «Готово» в паре с «Отмена»; на компьютере — по центру. Тост — одна строка и «Отменить», без подтверждений заранее.
Молоко — куплено
Карточка удалена
Нет связи. Текст остался — попробуй ещё раз.
Календарь: полоска недели и месяц
R2
Сегодня — число на акценте. События — точками разделов под числом; в месяце — короткой строкой.
Давай пакеты пошире — для рыбы узкие не подходят.