Элемент | Desktop | Mobile | Вес | Интерлиньяж | Трекинг |
H1 | 62 px | 44 px | bold | 0.9 | −2.5 |
H2 | 46 px | 32 px | semibold | 0.9 | −1.5 px |
H3 | 28 px | 24 px | semibold | 1 | −0.5 px |
Лид | 22 px | 20 px | normal | 1.3 | 0 |
Текст | 18 px | 16 px | light | 1.4 | 0 |
Меню | 16 px | 16 px | light | 1.4 | 0 |
Основной текст — не шире примерно 620–680 px. Вес 300 я бы не использовал: в браузере Geologica начинает выглядеть слишком бледно.
Цвет
Моя рекомендация:
- фон: тёплый светло-серый #EAE9E2;
- основной текст: почти чёрный #121310;
- вторичный текст: #696A64;
- акцент: кислотно-зелёный #BFFF3C;
- один инверсный блок: фон #121310, текст #EAE9E2.
Чистый #000000 я бы не использовал: он слишком жёсткий и цифровой. Очень тёмный серый выглядит глубже, спокойнее и дороже. Тёплый фон создаёт ощущение бумаги, пространства и физического объекта.
Визуальная формула:
редакционный журнал × навигационная система × живой организмКрупный гротеск для смыслов, моноширинный шрифт для цифр, статусов и технических подписей.