Бренд-бук AgroBrain

Пілотна айдентика: палітра, типографіка, логотип і голос продукту. Джерело істини для токенів — src/app/globals.css.

Палітра

Кольори задано як CSS-змінні в @theme і доступні як Tailwind-утиліти (bg-primary, text-accent тощо). Компоненти використовують лише токени — жодних raw hex.

Основний — глибокий зелений

Основні дії, посилання, активна навігація. primary (#1B6B40) на білому — 6.0:1 (AA для будь-якого тексту).

primary-50
#F0F7F2
Контраст: 1.1:1 ⚪ · 14.3:1 ⚫
primary-100
#DDEEE3
Контраст: 1.2:1 ⚪ · 12.9:1 ⚫
primary-200
#BBDDC8
Контраст: 1.5:1 ⚪ · 10.6:1 ⚫
primary-300
#8FC4A4
Контраст: 2:1 ⚪ · 7.8:1 ⚫
primary-400
#5CA47C
Контраст: 3:1 ⚪ · 5.2:1 ⚫
primary-500
#35875A
Контраст: 4.4:1 ⚪ · 3.5:1 ⚫
primary-600
#1B6B40
Контраст: 6.5:1 ⚪ · 2.4:1 ⚫
primary-700
#155633
Контраст: 8.7:1 ⚪ · 1.8:1 ⚫
primary-800
#114429
Контраст: 11.2:1 ⚪ · 1.4:1 ⚫
primary-900
#0C2F1D
Контраст: 14.6:1 ⚪ · 1.1:1 ⚫

Нейтральні — земля і ґрунт

Фони, межі, другорядний текст. earth-700+ на світлих фонах — AA.

earth-50
#FAF8F4
Контраст: 1.1:1 ⚪ · 14.6:1 ⚫
earth-100
#F3EFE8
Контраст: 1.1:1 ⚪ · 13.6:1 ⚫
earth-200
#E6DFD2
Контраст: 1.3:1 ⚪ · 11.7:1 ⚫
earth-300
#D2C7B4
Контраст: 1.7:1 ⚪ · 9.3:1 ⚫
earth-400
#B0A28A
Контраст: 2.5:1 ⚪ · 6.2:1 ⚫
earth-500
#8C7D63
Контраст: 4:1 ⚪ · 3.9:1 ⚫
earth-600
#6F6049
Контраст: 6.1:1 ⚪ · 2.5:1 ⚫
earth-700
#574A38
Контраст: 8.6:1 ⚪ · 1.8:1 ⚫
earth-800
#403626
Контраст: 11.8:1 ⚪ · 1.3:1 ⚫
earth-900
#2A2318
Контраст: 15.5:1 ⚪ · 1:1 ⚫

Акцент — стиглий бурштин

CTA та сповіщення. Текст поверх accent — лише білий на accent-600+ (4.5:1+); accent-400 — тільки декор.

accent-50
#FDF6EC
Контраст: 1.1:1 ⚪ · 14.5:1 ⚫
accent-100
#FAEAD2
Контраст: 1.2:1 ⚪ · 13.1:1 ⚫
accent-200
#F4D4A2
Контраст: 1.4:1 ⚪ · 10.9:1 ⚫
accent-300
#ECB96B
Контраст: 1.8:1 ⚪ · 8.7:1 ⚫
accent-400
#E29A38
Контраст: 2.4:1 ⚪ · 6.6:1 ⚫
accent-500
#CF7F14
Контраст: 3.1:1 ⚪ · 5:1 ⚫
accent-600
#A35408
Контраст: 5.5:1 ⚪ · 2.8:1 ⚫
accent-700
#8A4607
Контраст: 7.1:1 ⚪ · 2.2:1 ⚫
accent-800
#6B3605
Контраст: 9.7:1 ⚪ · 1.6:1 ⚫
accent-900
#4A2503
Контраст: 13.5:1 ⚪ · 1.2:1 ⚫

Семантичні стани

success / warning / danger узгоджені з палітрою; усі — AA на білому.

success
#1F7A3D
Контраст: 5.4:1 ⚪ · 2.9:1 ⚫
success-soft
#E3F2E8
Контраст: 1.2:1 ⚪ · 13.4:1 ⚫
warning
#92610A
Контраст: 5.3:1 ⚪ · 2.9:1 ⚫
warning-soft
#FAF0D9
Контраст: 1.1:1 ⚪ · 13.7:1 ⚫
danger
#B3362C
Контраст: 6:1 ⚪ · 2.6:1 ⚫
danger-soft
#F9E7E5
Контраст: 1.2:1 ⚪ · 13:1 ⚫

Типографіка

Єдина родина — Inter Variable (самостійний хостинг через @fontsource-variable/inter, кирилиця + латиниця). Шкала розмірів — токени --text-*.

Шкала: text-display

Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п'яне знаємо 0123456789