Телеграм, WhatsApp+380637610482
Валери Данюк
Валери ДанюкразработчикРазработване на инструменти с изкуствен интелект за бизнеса. Висококачествени. Достъпни.Пишете ни в Telegram
Linear — предварителен преглед на сайт в този стил

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 — работно място, осветено при здрач, с матирано стъкло