інструмент опівнічної точності

Дизайн-система Linear - це нічний командний центр, побудований на майже чорних поверхнях (#08090a) з білим шрифтом і одним яскравим акцентом кольору лайма (#e4f222), який функціонує як функціональний ліхтарик - маленький, висококонтрастний і економний для позначення дій. Інтерфейс розглядає темряву як основу, а не як тему: текст — чіткий білий із щільною міжлітерною відстанню (-0.022em), товщина шрифту знаходиться в низькому діапазоні 400–510, а не жирний, а межі — найтонші (0.5px), щоб дозволити геометрії виконувати. Компоненти відчуваються як точно оброблені - радіуси 6px і 12px, компактні відступи 8-12px і майже повна відсутність декоративних елементів - дозволяючи інтерфейсу користувача користувача (картки завдань, канбан-дошки, панелі агентів ІІ) бути єдиною візуальною текстурою в іншому спокій.

Макет має максимальну ширину, обмежену приблизно 1200px, центрований, з темним тлом, що тягнеться до країв області перегляду. Головний елемент – це великий заголовок, вирівняний по лівому краю (64–72px), у парі із закликом до дії (CTA), вирівняним по правому краю, за яким слідує великий скріншот продукту, що трохи виходить за межі максимальної ширини. Ритм розділів чергується між двоколоночними композиціями з текстом ліворуч і зображенням праворуч і смугами демонстрації продуктів на всю ширину, розділеними вертикальними проміжками 96px. Смуга з логотипом клієнта є одним горизонтальним рядом. На сторінці ніколи не використовуються триколонкові сітки карток або мозаїчні структури – щільність інформації залишається низькою, більшість розділів використовують достатній порожній простір та один фокусний елемент на екрані. Навігація є фіксованою верхньою панеллю з логотипом, вирівняним по лівому краю, і посиланнями, вирівняними по правому краю, без бічної панелі і мега-меню.

Візуальна мова Linear заснована на використанні скріншотів продукту: ілюстрації на початку і в розділах є реальними зображеннями інтерфейсу програми Linear, зняті з максимальною деталізацією — картки завдань, канбан-дошки, панелі агентів ІІ, палітри команд — вміщені в рамки з тонкими рамками. Жодних стокових фотографій, жодних зображень у стилі лайфстайл, жодних абстрактних ілюстрацій. Логотипи відображаються у вигляді смуги для клієнтів нейтрального сірого кольору (#8a8f98) однакового розміру. Іконки є мінімалістичними лінійними SVG-зображеннями в одноколірній сірій гамі. Скріншот на початку сторінки плаває на ледь помітному лінійному градієнті (від темного до світлого), що створює атмосферну глибину без реальних пейзажів. Кожен візуальний елемент є функціональним елементом продукту.