Design System/AFFiNE Boards

AFFiNE Boards

Стандарт edgeless-дощок LP — робочих областей, які будує AI: декомпозиція цілі, архітектура цілі, процеси, матриці, roadmap. Знятий з відкаліброваної власником дошки. Усе у межах того, що реально відтворює AFFiNE-примітив (плоскі заливки, квадратні кути, вбудований Inter). Статус: POC — оцінка заміни Miro.

Типографіка

Типо-шкала (AFFiNE-одиниці)

HERO45
Банер-емфаза на всю ширину
H139
Заголовок фрейму.
BODY · eyebrow28
>> EYEBROW · РОЗДІЛ
BODY · підзаголовок28
Підзаголовок одним реченням
BODY · секція28
// СЕКЦІЙНИЙ ЛЕЙБЛ
CARD25
Текст контент-картки

Шрифт — вбудований Inter (Geometria/Micra в AFFiNE недоступні, узгоджено). Заголовки — ВСЕРЕДИНІ рамки фрейму. H1 з крапкою, eyebrow з >>, секції з //.

Кольори

Токени

blue#2134EA
navy#0D0D26
ink#161616
ink-2#3A3A4A
paper#F6F7FB
line#E2E4EE
success#1FB36B
danger#E5484D

Палітра рівнів декомпозиції:

PROJECT · navy
GOAL · #5BAA6B
SUB-GOAL · #8FC9A0
TOPIC · #2C2FC9
EPIC · #FFD93D
TASK · #D4DCFF
SUBTASK · white
Картки

3 категорії · CARD 35

Стандартна
white + рамка line, текст ink
Акцентна
blue заливка + текст white
Статусна
white + рамка-статус (success / warning / danger), не заливка

Колір секції // = сигнал: blue норма / red увага. Квадратні кути завжди; глибина — кольором+рамкою, максимум 2 поверхні (фрейм + картка).

Категорії дощок

Template-типи

Декомпозиція цілі
Project → Goal → Sub-goal → кілька Topic → Epic; під епіком Task → Subtask + промпт під кожним. Рівні — кольором.
Архітектура цілі
«Двигун» цілі: hero-ціль + потоки (L1) + перевірка SMARTCBP. Інший тип, ніж декомпозиція.
Майстер-скін / загальна
Будь-яка робоча область за типо-шкалою + картками: процеси, матриці 2×2, roadmap, kanban, дерево, таблиці, карти зон.
Шаблони

Готові AFFiNE-шаблони

Дока Linked Promo Board Template — 3 фрейми (Декомпозиція · Архітектура · Майстер-скін). Контент-фрейми з {{змінними}}; команда інстанціює під проєкт без ручного малювання:

instantiate_template_native({
  templateDocId: 'jCzIo6M0smwqbTv5tUzIB',
  title: 'Декомпозиція · <проєкт>',
  variables: { PROJECT, GOAL, SUBGOAL, TOPIC_1/2/3, EPIC_1/2/3, TASK, SUBTASK_1/2/3, PROMPT_1/2/3, DEPARTMENT, INITIATIVE, STREAM_1/2/3, ORDER }
})

Skill для агентів — affine-board-building. Канон деталей — 02.company/02.agents/designer/processes/affine/.

Межі

Що НЕ можна на полотні