S/0101
Проєкт і дозволи
Робоча документація, погодження та кошторис.
Дизайн-система · Concrete Cast Grid
Камінь, сталь і монотипна сітка
Єдиний набір токенів, шрифтових пар і компонентів, з якого збирається сайт ТЕХНОБУДТРАНС.
01
Колір
Graphite
#1B1D1F
Текст, темні площини
Carbon
#26282B
Хедер, футер
Concrete
#E7E4DF
Основне тло
Paper
#F0EEE8
Картки, поля
Steel
#8A9098
Мікро-мітки
Safety Orange
#FF5A1F
Акцент, CTA
Accent Deep
#E8481A
Hover акценту
02
Типографіка
DisplayOswald · 500 · 64/60
Заголовок AOswald · 500 · 36
Заголовок BOswald · 400 · 24
Тіло — IBM Plex Sans, 16px, на світло-сірому фоні з низьким контрастом для читабельності.
Мікро-мітки — IBM Plex Mono, uppercase, tracking 0.14em.
03
Сітка та відступи
Модульна сітка 12 колонок
Шкала відступів
xs4px
sm8px
md16px
lg32px
xl56px
2xl80px
04
Компоненти
Кнопки
Поля форми
Картка послуги
Темна варіація
240+
завершених об'єктів
Мітки та бейджі
Нульовий циклЕтап 012024