інструмент паўночнай дакладнасці

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

Макет мае максімальную шырыню, абмежаваную прыкладна 1200px, цэнтраваны, з цёмным фонам, які распасціраецца да краёў вобласці прагляду. Галоўны элемент - гэта буйны загаловак, выраўнаваны па левым краі (64-72px), у пары з заклікам да дзеяння (CTA), выраўнаваным па правым краі, за якім варта вялікі скрыншот прадукта, трохі які выходзіць за межы максімальнай шырыні. Рытм частак чаргуецца паміж двухкалонкавымі кампазіцыямі з тэкстам злева і выявай справа і палосамі дэманстрацыі прадуктаў ва ўсю шырыню, падзеленымі вертыкальнымі прамежкамі 96px. Паласа з лагатыпам кліента ўяўляе сабой адзін гарызантальны шэраг. На старонцы ніколі не выкарыстоўваюцца трохкалонкавыя сеткі картак або мазаічныя структуры - шчыльнасць інфармацыі застаецца нізкай, большасць раздзелаў выкарыстоўваюць дастатковую пустую прастору і адзін фокусны элемент на экране. Навігацыя ўяўляе сабой фіксаваную верхнюю панэль з лагатыпам, выраўнаваным па левым краі, і спасылкамі, выраўнаванымі па правым краі, без бакавой панэлі і мега-меню.

Візуальная мова Linear заснаваны на выкарыстанні скрыншотаў прадукта: ілюстрацыі ў пачатку і ў раздзелах уяўляюць сабой рэальныя выявы карыстацкага інтэрфейсу прыкладання Linear, знятыя з максімальнай дэталізацыяй — карткі задач, канбан-дошкі, панэлі агентаў ІІ, палітры каманд — змешчаныя ў рамкі з тонкімі рамкамі. Ніякіх сцёкавых фатаграфій, ніякіх выяваў у стылі лайфстайл, ніякіх абстрактных ілюстрацый. Лагатыпы адлюстроўваюцца ў выглядзе паласы для кліентаў нейтральнага шэрага колеру (#8a8f98) аднолькавага памеру. Абразкі ўяўляюць сабой мінімалістычныя лінейныя SVG-малюнкі ў аднакаляровай шэрай гаме. Скрыншот у пачатку старонкі плавае на ледзь прыкметным лінейным градыенце (ад цёмнага да светлага), які стварае атмасферную глыбіню без выкарыстання рэальных пейзажаў. Кожны візуальны элемент з'яўляецца функцыянальным элементам самага прадукта.