LINEAR

Атмосфера

Linear пропонує витончений та сфокусований досвід у темному режимі, нагадуючи панель керування командного центру.
Глибока вугільна основа створює серйозне, занурене тло, а тонкі градієнти та багатошарові поверхні додають глибини без різких контрастів.

Кольори

• Фон: Pitch Black #08090a — головне тло.
• Текст:
  • Porcelain #f7f8f8 — основний.
  • Storm Cloud #8a8f98 — вторинний.
  • Fog Grey #62666d — третинний.
• Акценти:
  • Neon Lime #e4f222 — основні CTA, фокусні елементи.
  • Aether Blue #5e6ad2 — декоративні акценти.
  • Cyan Spark #02b8cc — інформаційні виділення.
  • Deep Violet #6366f1 та Amethyst #8b5cf6 — варіанти фону для контент-блоків.

Типографіка

• Основний шрифт: Inter Variable — для всього UI‑тексту.
• Код: Berkeley Mono (fallback IBM Plex Mono) — для технічних деталей та кодових блоків.
• Масштаб: Minor Third (1.2) від бази 16px.
• Літерспейсинг: від -0.22px до -0.1px для точності.

Форми та відступи

• Базова щільність: компактна, unit = 4px.
• Відступи: елементи — 8px, картки — 12px, секції — 24px.
• Радіуси: кнопки, картки, інпути — 6px; теги — 2px.
• Елевейшн: досягається шарами та чіткими тінями (rgba(0,0,0,0.4) 0px 2px 4px).

Принципи

• Використовувати Neon Lime лише для основних інтерактивних елементів.
• Уникати яскравих кольорів поза системою.
• Зберігати компактність і точність у відступах та шрифтах.
• Не застосовувати широкі градієнти чи сильні тіні — лише локальні, контрольовані ефекти.

🔗 Linear