Цвета
Основные цвета бренда и их использование.
Основные цвета
Header / Footer
#0E7A45
Accent
#0E7A45
Navy 950
#14281B
Белый
#FFFFFF
Серый фон
#F5F5F5
Шкала Navy
50
100
200
300
400
500
600
700
800
900
950
Варианты Accent
Accent Dark
#0B6538
Accent
#0E7A45
Accent Light
#10954F
Типографика
Шрифты и размеры текста.
font-sans / font-lato
Plus Jakarta Sans
Основной шрифт для навигации и текста контента. Современный и геометрический.
font-display
Oswald
Display-шрифт для крупных заголовков и hero-секций.
font-sans (fallback)
System UI
Резервный шрифт, когда веб-шрифты недоступны.
Заголовки
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Стандарт прозрачности текста
Основной текст
Более крупный основной текст, используется в hero-подзаголовках.
Обычный основной текст, главное содержимое.
Более мелкий текст, описания карточек, footer.
Самый мелкий текст, метки и примечания.
Кнопки
Варианты и состояния кнопок.
Primary
Secondary / Outline
Размеры
На тёмном фоне
Карточки
Стили карточек на разных фонах.
Белая карточка
Карточка с рамкой и фоном иконки на белом фоне.
Карточка с тенью
Карточка с тенью shadow-lg без рамки.
Зелёная карточка
Карточка, залитая цветом бренда.
Метки
Метки статуса и значки.
Элементы формы
Поля ввода и выбора.
Иконки
Heroicons (outline), используются по всему сайту.
Компоновка
Основные контейнеры и отступы.