mayatnikovandClaude Fable 5
a898347005
Регистрация открытая (015), контакты и приглашения по нику с закреплением ключа и блокировкой (016), лимиты (017), идентификация устройства через случайный deviceId в IndexedDB и серверный fan-out (018), отказ от серверного перца (019), смена пароля не в v1 (020), интерфейс ru/en (021), айдентика «Скобы» по turn 2 канваса (022). Архитектура, модель угроз и README обновлены. В открытых вопросах остались два: моногарнитура с кириллицей (Fragment Mono её не содержит) и удаление аккаунта. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01R2pCJkWyG2aYu48u1Vp1A1
66 lines
5.4 KiB
Markdown
66 lines
5.4 KiB
Markdown
# Айдентика Bare — бриф
|
||
|
||
Зафиксировано в [ADR-022](../decisions/022-visual-identity.md). Источник — turn 2 [канваса](https://claude.ai/design/p/0126e4da-40e4-449c-bfbb-7aefc7b64659?file=Bare+Identity.dc.html), артборды 2a и 2b. Этот документ — источник истины для клиента.
|
||
|
||
## Идея
|
||
|
||
Bare не добавляет — он кадрирует. Четыре угла держат внимание на содержимом, которого сам бренд не касается. Система живёт на разметочной эстетике: тонкие линии, моно-подписи, много воздуха.
|
||
|
||
## Знак
|
||
|
||
Четыре уголка рамки, из которой вынули содержимое. Знак — пустота внутри.
|
||
|
||
- Внутрь рамки ничего не помещать.
|
||
- Знак всегда одноцветный: ink, bone или mark. Без градиентов, теней, обводок.
|
||
- Скобы можно раздвигать, «кадрируя» заголовок — пропорции углов неизменны.
|
||
- Охранное поле — длина одного уголка.
|
||
- Favicon и иконка приложения: на 16 px штрих — 9 единиц сетки, зазоры между углами в пропорции 3:2. Углы масштабируются без потерь. На тёмном и акцентном фоне знак всегда светлый.
|
||
- Минимальный размер знака — 12 px.
|
||
|
||
Wordmark — `bare`, строчными, той же моногарнитурой, что и интерфейс.
|
||
|
||
## Цвет
|
||
|
||
| Токен | Значение | Роль |
|
||
|---|---|---|
|
||
| bone | `#F7F5F0` | фон |
|
||
| ink | `#1B1917` | текст, знак |
|
||
| stone | `#A9A59D` | вторичный текст, метаданные |
|
||
| mark | `oklch(55% 0.19 20)` | акцент: скобы в акцентных случаях, статусы, непрочитанное |
|
||
|
||
Служебные серые из мока: `#3C3B38`, `#6E6D68` — промежуточные тона текста; `#DEDCD6`, `#E7E3DA` — линии и разделители.
|
||
|
||
Акцент — красный регистрационных меток. Не для кнопок и заливок. Интерактивное обозначается не цветом, а положением и подчёркиванием.
|
||
|
||
Тёмной темы в моке нет. Появится — отдельным артбордом и правкой этого брифа.
|
||
|
||
## Типографика
|
||
|
||
Одна гарнитура — моноширинная, для всего: wordmark, интерфейс, сообщения, метаданные. Вторая гарнитура (Familjen Grotesk из мини-айдентики 1h) в turn 2 снята.
|
||
|
||
Размеры из мока: 10, 11, 12, 13, 14, 15 px для интерфейса; 32 px — wordmark. Текст сообщений — 14–15 px.
|
||
|
||
Регистр — строчный везде, включая заголовки и кнопки. Имена людей — строчными, `@ник`; комнаты — `#имя`.
|
||
|
||
**Открытый вопрос — гарнитура.** В моке — Fragment Mono, но она не содержит базовой кириллицы (U+0400–045F): русский текст в моке рендерится системным fallback. Для ru-интерфейса (ADR-021) нужен выбор:
|
||
|
||
- моногарнитура с кириллицей под OFL, один файл `.woff2` в репозитории — JetBrains Mono или IBM Plex Mono;
|
||
- или системный стек `ui-monospace, monospace` — ноль загрузок, вид зависит от ОС.
|
||
|
||
В любом случае шрифт не грузится с внешних хостов (ADR-022).
|
||
|
||
## Экран
|
||
|
||
Сообщения без баблов. Каждое — строка: автор, время, текст. Последовательные сообщения одного автора группируются под одним именем.
|
||
|
||
**Десктоп (2a, 1120).** Две колонки.
|
||
|
||
- Слева — сайдбар: wordmark; раздел «каналы» со списком `#комнат`, счётчик непрочитанных у имени; раздел «личные» со списком `@контактов`; внизу — «ты: @ник».
|
||
- Справа — чат: шапка с именем комнаты и строкой «N онлайн · тема: …»; лента с разделителями дат и разделителем «новые» перед непрочитанным; внизу поле ввода с префиксом `>` и плейсхолдером «сообщение в #имя», под ним подсказка «enter — отправить».
|
||
|
||
**Мобильный (2b, 390).** Одна колонка: шапка с именем и «N онлайн», лента, поле ввода. Список чатов — отдельный экран.
|
||
|
||
## Голос
|
||
|
||
Короткие фразы, никакого маркетингового глянца. Строчные буквы. Пример из мока: «браузер и есть приложение».
|