Атмосфера
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