GRAPHITE
GRAPHITE 2.1 · концепция интерфейса

Текущие макеты

Рабочая версия визуального направления и ключевых экранов. Переключай тему и ширину, чтобы посмотреть каждый вариант.

Версия 0.49 октября 2026
Последнее обновление: добавлена карточка узла Э14 с сохранением контекста графа; выбранный узел остаётся виден на десктопе, на телефоне доступен быстрый возврат к графу.

Знак и написание

Четырёхлучевая звезда, орбиты и симметричные точки карты.

01 / BRAND

GRAPHITE

Название пишется одним словом. Лавовый акцент выделяет букву I; орбитальные маркеры стоят на линии, внутренние точки расположены симметрично вокруг центра.

  • Две концентрические орбиты без прямых осей
  • Четыре внутренние точки на диагоналях 90°
  • Знак показан на светлом и графитовом фоне
Знак GRAPHITE с четырёхлучевой звездой и симметричными точками на орбитах

Ключевые экраны

Шесть ключевых макетов по проекту, графу, конфигурации и доступу. В карточках можно переключать тему и ширину.

02 / SCREENS

Обзор проекта

Состояние индекса, конфигурация и проблемы

Э11
Светлый обзор проекта на ширине 1440
Синтетические данные из приложения А ТЗ.

Граф (Graph) и список связей

Маршруты, проверки доступа и соседние узлы

Э13
Светлый граф проекта на ширине 1440
Вид списка доступен с мобильной ширины.

Карточка узла (Graph)

Цепочка вызовов, происхождение прав и исходник

Э14
Светлая карточка узла поверх графа на ширине 1440
На десктопе выбранный узел остаётся на виду; на телефоне возврат к графу — одним действием.

Конфигурация · флаги

Тип, состояние, предупреждения и значения

Э23
Светлый список флагов на ширине 1440
Уровень проблемы передаётся не одним цветом.

Карточка флага

Подробности с сохранением контекста списка

Э24
Светлая карточка флага поверх конфигурации
На мобильном подробности перестраиваются в отдельный экран.

Карта доступа

Участники, роли и границы полномочий

Э37
Светлая карта доступа на ширине 1440
Форма и подписи показывают уровень доступа вместе с цветом.

Дизайн-система

Основа токенов и повторяемых компонентов в двух темах.

03 / SYSTEM

Токены и состояния компонентов

Палитра, типографика, кнопки, поля, уровни проблем и две плотности таблиц.

Основа дизайн-системы Graphite: светлая и тёмная темы

Цвет не используется как единственный способ различить состояния.

Глобальные элементы и безопасность

Каркас, навигация, переключение проектов, палитра команд, режимы и защита значений.

Глобальные компоненты Graphite в светлой и тёмной темах

Подробности открываются без потери контекста; скрытые значения остаются маскированными при сбое аудита.