← Усі концепти
UI Kit · v1.1

Блакитний логотип + золото

Маленька дизайн-система LuxTransfer: кольори з логотипа як основні, золотий градієнт як преміальний акцент, темно-синій для темних секцій. Файл: kit/lux-kit.css

02 · Кольори

Основні кольори

Блакитний — бренд і дія. Золото — преміальність і ціна. Темно-синій — фон темних секцій замість чистого чорного.

#28ABE1
Lux Blue 500Логотип, кнопки, іконки, активні стани
#0F6FA0
Blue 700Текст і посилання на світлому (5.5:1)
Gold gradient
GoldЦіни, «Преміум», мітки, гарантія
#7A5B17
Gold textЗолотий текст на світлому (6.3:1)
#07111C
Navy 900Фон темних секцій
#0C1A2A
Navy 850Картки на темному
#0B1B2B
InkТекст, текст на блакитних і золотих кнопках
#F4F8FB
PaperСвітлий фон секцій

Шкала блакитного

50
100
200
300
400
500 · лого
600
700
800
900

Градієнти

--lx-gold-grad
--lx-blue-grad
--lx-night-grad
03 · Правила

Хто за що відповідає

Блакитний

Бренд і дія.

  • Головна кнопка (Розрахувати, Telegram)
  • Активні вкладки, чипи, фокус
  • Іконки, посилання, лінії маршрутів

Золото

Преміальність і гроші.

  • Ціни «від …»
  • Мітки, Преміум/VIP, «Все включено»
  • Гарантія подачі; одна золота кнопка на екран

Темно-синій

Темні секції та шапка.

  • Замість чистого чорного
  • Блакитний текст на темному — Blue 300
  • Текст на кнопках — завжди Ink, не білий
04 · Шрифти

Типографіка

Oswald — вузькі великі літери, як «TRANSFER» у логотипі. Manrope — текст. Fira Sans Extra Condensed Italic — тільки для банерів.

H1 · Oswald 600
Трансфер під ключ
H2 · Oswald 600
Оберіть клас авто
H3 · Manrope 700
Кордон без стресу
Текст · Manrope 400
Заберемо біля дверей, довеземо до дверей і допоможемо пройти кордон швидше.
Ціна · Oswald 700
від700 €
Банер · Fira Italic 800
Варшава
05 · Компоненти

Кнопки, мітки, поля

На світлому

Написати в Telegram Розрахувати Детальніше Подзвонити
✓ Заявку отримано Вкажіть телефон повністю
ПопулярнеНовинка Відповідаємо за 2 хвПреміум

На темному

Написати в Telegram Розрахувати Viber
Під ключОнлайн

Київ → Варшава · 12 год · 850 км

від700 €