F / 010 · FOUNDATION PREVIEW
Одна система.
Текст + графика.
Первый визуальный прототип новой foundation-системы. Здесь проверяются реальные роли цветов, типографика, сетка, controls и состояния до миграции страниц.
01 / TOKENS
Цвет — это роль,
не украшение.
Оранжевый ведёт к действию, синий обозначает структуру, а текст никогда не теряется на поверхности.
--color-bgbg--color-surfacesurface--color-surface-hoversurface hover--color-texttext--color-text-secondarytext secondary--color-text-mutedmuted--color-borderborder--color-accentaccent--color-linklink02 / TYPE
Читаемая иерархия
для русского текста.
Display — для сильного сигнала, Source Sans 3 — для длинного чтения, Plex Mono — для технических меток.
DISPLAY / 01AI-видимость
без шума.
без шума.
BODY / 02
Проверяем, как нейросети понимают компанию, какие источники формируют ответ и где появляются пробелы в цифровом следе.
LABEL / 03
status · foundation ready03 / LAYOUT
Ритм держит
всю страницу.
Ограниченная шкала spacing и единый container убирают случайные отступы между разделами.
--space-1--space-2--space-3--space-4--space-5--space-6--space-7--space-8--space-9--space-10CONTAINER1280 px max
GUTTER48 / 32 / 20
GRID12 → 6 → 1
04 / COMPONENTS
Компоненты,
а не случайности.
Состояния показаны на реальных HTML-элементах. Их можно переносить в shared layer после утверждения.
готовопроверкаошибка
Карточка сигнала
Единый contract: индекс, заголовок, описание и понятное действие.
Открыть материалы →GATE / BEFORE REBUILD
Сначала утверждаем
систему.
После подтверждения будут собраны shared primitives и начнётся последовательная миграция страниц с browser QA на каждом шаге.
Вернуться в материалы →