01 · оранжевый
Оранжевый жилет
Базовый. Классический сигнальный оранжевый на графите — самый «дорожный» и самый заметный издалека.
Цветовые вариации
Откройте любую — это полноценная страница, а не картинка. Сравнивать лучше на телефоне: сузьте окно до 375–430 px.
02 · салатовый
Жёлто-зелёный
Тот самый салатовый жилет дорожных служб. Самый громкий вариант: кислотный акцент на чёрном читается мгновенно.
03 · жёлтый
Сигнальный жёлтый
Цвет знаков и разметки. Строже и «официальнее» оранжевого, хорошо сочетается с чёрной типографикой.
04 · красный
Красно-оранжевый
Самый «тревожный» и срочный оттенок — под аварийные вызовы и ночные заявки. Требует аккуратности в больших пятнах.
Токены
Фон, текст и сетка общие — меняется только акцент и цвет текста на нём. Контраст посчитан по WCAG.
| Вариация | Акцент | Hover | Текст на акценте | Контраст к фону |
|---|---|---|---|---|
| Оранжевый | #FF7A00 | #FF912E | #140F07 | 7.5 : 1 |
| Жёлто-зелёный | #C8FF00 | #D6FF3D | #101400 | 16.7 : 1 |
| Сигнальный жёлтый | #FFD400 | #FFDE33 | #141005 | 13.8 : 1 |
| Красно-оранжевый | #FF4A1C | #FF6640 | #150803 | 5.9 : 1 |
Общее для всех четырёх
- Фон
#0A0B0C, поверхность#15171A, текст#F3F4F5— не меняются - Серебристая кромка
#C9CFD4на панели с телефоном — отсылка к светоотражающей ленте на жилете - Шрифты Unbounded, Onest, JetBrains Mono — локальные копии, кириллица
- Крупный телефон в шапке и первом экране, ниже — закреплённая панель звонка
- Ни одной формы с вводом: только звонок, WhatsApp, Telegram и ВКонтакте
Остальные направления
Второй и третий варианты остались как были — если захочется сравнить с другим характером, а не только с другим цветом.
Плейсхолдеры
Правки одинаковые во всех файлах — меняются в одном месте каждый.
- Название компании — рабочее «Спецтехсервис»
- Телефон
+7 (999) 000-00-00и ссылкаtel:+79990000000 - Ссылки
wa.me/79990000000иt.me/spec_tech_service - Тарифы «от …» — примерные, помечены в интерфейсе
- Фотографии — стоковые снимки тех же машин, не фото компании