Дизайн-система РИС

Цвета

12 цветов. Единые CSS-токены для всех компонентов.

Montserrat

21 размер с высотой строки из Figma. Шрифт загружается локально, включая кириллицу.

Логотипы и иконки

7 вариантов логотипа, 33 фирменные иконки и 3 тематические иллюстрации. Оригинальные экспорты из Figma.

logo-brand

logo-vertical-descriptor-date

logo-vertical-descriptor

logo-horisontal-descriptor-compact

logo-horisontal-descriptor-date

logo-horisontal-descriptor-airy

logo-nodescriptor

search-catalog

eco-production

locale-ru

qualified-team

laboratory

view

global-partners

partnership

user-profile

oil-product

satellite

team

gauge

cctv

certification

globe

calibration

automation

first-aid

analytics-growth

corporate-network

transport

ecology

it-network

schedule

electronics

smart-building

standard-development

wind-energy

measurement

wind-turbine

precision

sustainability

ISO

TBT

Translate

Кнопки и метки

4 стиля × 4 скругления × 5 размеров = 80 вариантов. Нажмите любую кнопку.

Недоступно ГОСТ ГОСТ Выбрать

Поля и управление

Значение и placeholder, обычное состояние, ошибка и disabled. Поля доступны с клавиатуры.

Date Input · раздельный ввод

Карточки

Варианты контента собраны на общих токенах. Тексты в примерах демонстрационные.

Info Card · 6 вариантов

Topic Card · 6 вариантов

Развитие и обучение

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Для сотрудников

Развитие и обучение

Для сотрудников

Развитие и обучение

Для сотрудников

Развитие и обучение

Для сотрудников

Обучение и развитие профессиональных компетенций

Для сотрудников

Обучение и развитие профессиональных компетенций

Для сотрудников

Person Card · 2 варианта

Денис Евгеньевич Миронов

Генеральный директор ФГБУ «Институт стандартизации»

Пример карточки сотрудника

Должность и область экспертизы

Teaser Card · 3 варианта

14 сентября 2026Обучение

Учимся и растём вместе

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Читать полностью

14 сентября 2026Обучение

Учимся и растём вместе

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Читать полностью

Событие

Пример карточки мероприятия

14 сентября 2026Москва · пример адреса

Project Card · 4 варианта

Экосистема стандартизации

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Экосистема стандартизации

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Экосистема стандартизации

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Research / Simple Image & Text

Наука и развитие

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Команда экспертов

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Price Card · 2 варианта

Демонстрационные тарифы, не коммерческое предложение.

GOST Card · 2 варианта

ГОСТ 8736-2025

Песок для строительных работ. Технические условия

Открыть

ГОСТ 8736-2025

Песок для строительных работ. Технические условия

Открыть

Journal · 4 варианта

Контентные блоки

«Вместе мы создаём условия для развития и профессионального роста»

«Вместе мы создаём условия для развития и профессионального роста»

Баннеры и макеты

Header и Footer используются на всех страницах. Ниже — 3 баннера, 6 специальных блоков и 4 варианта слайдера.

Цифровая библиотека стандартов

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Узнать больше

Цифровая библиотека стандартов

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Узнать больше

Цифровая библиотека стандартов

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Узнать больше

Возможности для развития

Знания

Опыт

Команда

Развитие

Подробнее

Возможности для развития

Обучение⌄

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Наставничество⌄

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Наука⌄

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Возможности для развития

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Возможности для развития

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Обучение⌄

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Наставничество⌄

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Наука⌄

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Возможности для развития

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

Возможности для развития

Знакомьтесь с институтом, находите нужную информацию и уверенно начинайте работу в команде.

Подробнее

full / image-1x3

split / image-1x3

full / image-16x9

split / content

Учимся и растём вместе

Обучение, обмен опытом и поддержка коллег.

Подробнее