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

Linear

инструмент за прецизност у поноћи

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

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

Визуелни језик апликације Linear заснован је на снимцима екрана производа: илустрације на почетку и у одељцима су стварне слике корисничког интерфејса апликације Linear, снимљене са максималним детаљима – картице задатака, Kanban табле, контролне табле AI агената, палете команди – смештене у танко уоквирене оквире. Нема стокових фотографија, нема слика животног стила, нема апстрактних илустрација. Логотипи су приказани као неутрална сива трака (#8a8f98) јединствене величине за купце. Иконе су минималистичке линеарне SVG слике у монохроматској сивој скали. Снимак екрана на врху странице лебди на суптилном линеарном градијенту (од тамног до светлог), стварајући атмосферску дубину без коришћења стварних пејзажа. Сваки визуелни елемент је функционални елемент самог производа.

Палета

Brend

  • Acid Lime #e4f222 — Главни контролни тастери и активни индикатори навигације су светао акценат који прекида монохроматску шему боја.

Неутрално

  • Mist #d0d6e0 — Секундарни наслови, текст дугмади на тамним површинама
  • Void #08090a — Платно странице, позадинска слика пуне ширине - подразумевано, сви елементи су постављени на ову позадину.
  • Carbon #0f1011 — Површине картица, навигационе траке, су корак изнад платна за постављање садржаја унутар картица.
  • Obsidian #161718 — Подигнуте површине, дубље картонске плоче
  • Graphite #23252a — Суптилне ивице, сепаратори, суптилни обриси дугмади – текстуриране ивице ниског контраста
  • Smoke #383b3f — Танке ивице имају већи контраст од графитних сепаратора.

Типографија

од 13 до 72 пиксела · 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 — радно место осветљено сумраком са плочама од матираног стакла