
Linear
инструмент за прецизност в полунощ
Линейната дизайнерска система е нощен команден център, изграден върху почти черни повърхности (#08090a) с чист бял шрифт и единичен лимоненозелен акцент (#e4f222), който функционира като функционално фенерче - малко, с висок контраст и използвано пестеливо за обозначаване на действия. Интерфейсът третира тъмнината като основа, а не като тема: текстът е чист бял с плътно разстояние между буквите (-0.022em), дебелината на шрифта е в ниския диапазон 400–510, а не удебелен, а рамките са ултратънки (0.5px), за да позволят на геометрията да върши работата, която обикновено се извършва от сенките. Компонентите изглеждат прецизно изработени - радиуси 6px и 12px, компактни полета 8–12px и почти пълна липса на декоративни елементи - което позволява на потребителския интерфейс на продукта (карти със задачи, Kanban дъски, панели на AI агенти) да бъде единствената визуална текстура в иначе спокойна система.
Оформлението е с максимална ширина от приблизително 1200px, центрирано, с тъмен фон, простиращ се до краищата на прозореца за преглед. Основният елемент е голямо заглавие, подравнено вляво (64–72px), съчетано с подравнено вдясно призив за действие (CTA), последвано от голяма екранна снимка на продукта, която се простира леко извън максималната ширина. Ритъмът на секциите се редува между двуколонни композиции с текст отляво и изображение отдясно и ленти за показване на продукти с пълна ширина, разделени от вертикални улейчета от 96px. Лентата с логото на клиента е един хоризонтален ред. Страницата никога не използва триколонни решетки с карти или плочки – плътността на информацията остава ниска, като повечето секции използват достатъчно бяло пространство и един фокусен елемент на екрана. Навигацията е фиксирана горна лента с подравнено вляво лого и подравнени вдясно връзки, без странична лента или мега-меню.
Визуалният език на Linear е базиран на екранни снимки на продукти: илюстрациите в началото и в секциите са реални изображения на потребителския интерфейс на приложението Linear, заснети с максимални детайли – карти със задачи, Kanban дъски, табла за управление на AI агенти, палитри с команди – поставени в тънко рамкирани рамки. Без стокови снимки, без изображения на начин на живот, без абстрактни илюстрации. Логотата се показват като неутрална сива лента (#8a8f98) с еднакъв размер за клиентите. Иконите са минималистични линейни SVG изображения в монохромна сива скала. Екранната снимка в горната част на страницата се движи върху фин линеен градиент (от тъмно към светло), създавайки атмосферна дълбочина, без да се използват реални пейзажи. Всеки визуален елемент е функционален елемент на самия продукт.
Палитра
Марка
- Acid Lime
#e4f222— Основните бутони за управление и активните навигационни индикатори са ярък акцент, който нарушава монохромната цветова схема.
Неутрален
- Mist
#d0d6e0— Вторични заглавия, текст на бутони върху тъмни повърхности - Void
#08090a— Платно на страницата, фоново изображение с пълна ширина - по подразбиране всички елементи са поставени на този фон. - Carbon
#0f1011— Повърхностите на картите, навигационните ленти, са стъпка над платното за поставяне на съдържание вътре в картите. - Obsidian
#161718— Повдигнати повърхности, по-дълбоки картонени панели - Graphite
#23252a— Фини рамки, разделители, фини контури на бутони – текстурирани ръбове с нисък контраст - Smoke
#383b3f— Тънките граници имат по-висок контраст от графитните секционни разделители.
Типография
от 13 до 72px · 8 стъпки
- Inter Variable — замяна: Inter (variable) · очертания 300, 400, 510, 590 · Основен шрифт на потребителския интерфейс и заглавката - Използва се в навигацията, основния текст, заглавията, бутоните и картите.
- Berkeley Mono — замяна: JetBrains Mono · очертания 400 · Текст на потребителския интерфейс, съседен на кода - идентификатори на издания (ENG-2703), клавишни комбинации, метаданни за шрифтове с моноширинен интервал
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | просторен |
| Основна стъпка | 8px |
| Радиус на бутона | 6px |
| Радиус на картата | 12px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 96px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Linear и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Aaru — Обсерватория на полето на частиците в полунощ
- Atlas Card — Полунощният трезор, с единствения си сапфирен лъч, е тъмно като смола пространство, където единственото важно нещо е наситеното електриково синьо.
- Checkly — Център за управление на мисии в дълбока орбита
- Savee — Черно платно за визуални куратори
- Inngest — Тъмна, тиха обсерватория, оборудвана за работа с инструменти, осветена от една-единствена кехлибарена пилотна лампа
- Dala — съзвездие, носещо се върху черен кадифе
- Origin Financial — Среднощна галерия на тих разкош. Тиха, почти тъмна стая, където големи серифни шрифтове и няколко осветени цветни панела създават усещането, че финансите са внимателно подбрано произведение на изкуството.
- Hyperstudio — Дизайнът е гравиран върху обсидиан. Текст и фини линии ограждат бяла площ от чисто черно, с от време на време златни знаци на компас, указващи пътя.
- Air — скулптура „Полунощно небе през стъкло“
- Resend — черно кадифе с лилав неонов цвят
- Raycast — Полунощен команден център, Корал Неон
- Dimension — работно място, осветено при здрач, с матирано стъкло