IP lookUp

Брендбук

Это публичный справочник по айдентике, уже используемой IP lookUp. Он фиксирует утверждённые знаки и наблюдаемые токены интерфейса; новый визуальный язык он не вводит.

Айдентика

Используйте утверждённый полный логотип там, где нужно прочитать название сервиса, и утверждённую иконку там, где места мало. Не изменяйте активы и оставляйте достаточно свободного пространства для читаемости.

Полный логотип для светлых поверхностей.

Иконка для тёмного интерфейса и компактных мест.

Токены

Эти названия описывают существующие значения интерфейса в опубликованной таблице стилей. Это справочник для единообразного применения, а не обещание отдельного API дизайн-токенов.

slate-900: Фон страницы и заголовка.
zinc-900 / zinc-800: Панели, границы и вторичная иерархия текста.
indigo-600 / indigo-500: Основное действие и видимый цвет фокуса клавиатуры.
4 / 6 / 8: Обычные шаги отступов в каркасе страницы и карточках.

Использование

Правильно

Используйте полный логотип только на светлой поверхности, где контрастен его тёмно-синий текст.
Используйте иконку в существующих тёмных шапке, подвале, favicon и компактных ссылках на продукт.
Сохраняйте видимость текста, контролов и фокуса клавиатуры на текущих поверхностях.

Не следует

Не перерисовывайте, не перекрашивайте, не обрезайте, не растягивайте и не заменяйте утверждённые SVG-активы.
Не размещайте полный логотип для светлых поверхностей прямо на тёмном интерфейсе.
Не используйте состояние, различимое только цветом, если нужны доступная подпись, контраст или индикация фокуса.