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

Linear

полноќен прецизен инструмент

Системот за линеарен дизајн е ноќен команден центар изграден на речиси црни површини (#08090a) со јасни бели букви и еден акцент во лимета-зелена боја (#e4f222) што функционира како функционален фенерче - мало, со висок контраст и умерено користено за означување на дејства. Интерфејсот ја третира темнината како основа, а не како тема: текстот е јасна бела боја со мал растојание помеѓу буквите (-0,022em), тежината на фонтот е во нискиот опсег од 400–510, наместо задебелени букви, а границите се ултра тенки (0,5px) за да може геометријата да ја заврши работата што обично ја прават сенките. Компонентите се чувствуваат прецизно изработени - радиуси од 6px и 12px, компактни маргини од 8–12px и речиси целосен недостаток на декоративни елементи - што му овозможува на корисничкиот интерфејс на производот (картички со задачи, табли од Канбан, панели на агенти за вештачка интелигенција) да биде единствената визуелна текстура во инаку мирен систем.

Распоредот има максимална ширина од приближно 1200 пиксели, центриран, со темна позадина што се протега до рабовите на прозорецот за преглед. Главниот елемент е голем наслов, порамнет лево (64–72 пиксели), поврзан со повик за акција (CTA) порамнет десно, проследен со голема снимка од екранот на производот што се протега малку подалеку од максималната ширина. Ритамот на деловите се менува помеѓу композиции со две колони со текст лево и слика десно, и ленти за прикажување на производи со целосна ширина одделени со вертикални олуци од 96 пиксели. Лентата со логото на клиентот е еден хоризонтален ред. Страницата никогаш не користи мрежи со картички со три колони или структури со плочки - густината на информациите останува ниска, при што повеќето делови користат доволно бел простор и еден фокусен елемент на екранот. Навигацијата е фиксна горна лента со лого порамнето лево и врски порамнети десно, без странична лента или мега-мени.

Визуелниот јазик на Linear се базира на снимки од екранот на производот: илустрациите на почетокот и во деловите се реални слики од корисничкиот интерфејс на апликацијата Linear, снимени со максимални детали - картички со задачи, канбан табли, контролни табли со агенти за вештачка интелигенција, палети со команди - поставени во тенки рамки. Нема фотографии, нема слики од животен стил, нема апстрактни илустрации. Логоата се прикажани како неутрална сива лента (#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 — работна станица осветлена во самрак со мат стаклени панели