Цвета
Цвет — это дизайн-токен, который определяет основные цвета для различных элементов пользовательского интерфейса, таких как фон, текст, кнопки и т.д. Помогает построить визуальную иерархию: выделить главное и передать смысл.
Base
Базовые цвета, используются для фонов и текста.
| Base/Black | #010D19 | RGB (1, 13, 25) | |
| Base/Grey | #F8F9FA | RGB (1, 13, 25) | |
| Base/White | #FFFFFF | RGB (1, 13, 25) |
Brand
Оттенки фирменного синего цвета БГТУ «ВОЕНМЕХ». Используются в активных элементах интерфейса (ссылки, кнопки) и информационных сообщениях.
| Brand/Main | #004C97 | RGB (0, 76, 151) | |
| Brand/1 | #0C70D6 | RGB (12, 112, 214) | |
| Brand/2 | #78B8F8 | RGB (120, 184, 248) | |
| Brand/3 | #DDEDFD | RGB (221, 237, 253) |
Grey
Оттенки серого цвета. Используются для построения иерархии элементов.
| Grey/1 | #6B8299 | RGB (107, 130, 153) | |
| Grey/2 | #B5C1CC | RGB (181, 193, 204) | |
| Grey/3 | #E1E6EB | RGB (225, 230, 235) | |
| Grey/4 | #F0F3F5 | RGB (240, 243, 245) |
System
Цвета используются для положительных статусов, системных ошибок и предупреждений.
| Success/1 | #228B45 | RGB (34, 139, 69) | |
| Success/2 | #28C75D | RGB (40, 199, 93) | |
| Success/3 | #E3F9EA | RGB (227, 249, 234) | |
| Error/1 | #D82E2E | RGB (216, 46, 46) | |
| Error/2 | #FF564E | RGB (255, 86, 78) | |
| Error/3 | #FFEAE9 | RGB (255, 234, 233) | |
| Warning/1 | #CD8703 | RGB (205, 135, 3) | |
| Warning/2 | #F7B73F | RGB (247, 183, 63) | |
| Warning/3 | #FEF6E7 | RGB (254, 246, 231) |
Additional
Дополнительные цвета, используются на носителях фирменного стиля.
| Add/1 | #0C2340 | RGB (12, 35, 64) | |
| Add/2 | #18589E | RGB (24, 88, 158) | |
| Add/3 | #0077C8 | RGB (0, 119, 200) | |
| Add/4 | #626262 | RGB (98, 98, 98) | |
| Add/5 | #C8C8C8 | RGB (200, 200, 200) |