Больше деталей в прогнозе
Сравнивайте модели и планируйте выход на воду с учётом ветра и волн.
Дизайн-система Windy.app: спокойный тёмный фон, точная типографика и яркий акцент для главного действия.
Посмотреть компоненты ↓Мятный — основное действие. Жёлтый — PRO. Тёмные поверхности разделяют контент без лишних теней.
Шрифт уже подключён в проекте. На этой странице он используется для заголовков и основного текста.
Сравните прогнозы и выберите время для выхода на воду.
Основной текст · 16 px · RegularОбразцы для будущих страниц. Нажмите на кнопки и попробуйте поля: данные никуда не отправляются.
Высота 48 px, скругление 6 px. Одно главное действие на экран.
Выберите кнопку, чтобы проверить состояние нажатия.
Тёмная поверхность и короткий текст. Жёлтый акцент обозначает PRO.
Сравнивайте модели и планируйте выход на воду с учётом ветра и волн.
Постоянные подписи, заметный фокус и понятное состояние выбора. Это демонстрация оформления формы.
Дублируйте эту страницу или скопируйте весь код из HTML-блока T123 на новую страницу. Меняйте тексты и содержимое, сохраняя цвета, шрифт и отступы. Вся страница собрана в одном HTML-блоке.