Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram
Linear — náhled webu v tomto stylu

Linear

přesný přístroj pro půlnoc

Systém lineárního designu je noční velitelské centrum postavené na téměř černých površích (#08090a) s ostře bílým písmem a jediným limetkově zeleným akcentem (#e4f222), které funguje jako funkční baterka – malá, vysoce kontrastní a střídmě používaná k indikaci akcí. Rozhraní zachází s tmou spíše jako se základem než s tématem: text je ostře bílý s úzkými mezerami mezi písmeny (-0,022 em), tloušťky písma jsou v nízkém rozsahu 400–510, nikoli tučné, a okraje jsou ultratenké (0,5 px), aby geometrie mohla vykonávat práci, kterou obvykle vykonávají stíny. Komponenty působí precizně – poloměry 6 px a 12 px, kompaktní okraje 8–12 px a téměř úplná absence dekorativních prvků – což umožňuje, aby uživatelské rozhraní produktu (karty úkolů, Kanban nástěnky, panely agentů AI) bylo jedinou vizuální texturou v jinak klidném systému.

Rozvržení má maximální šířku přibližně 1200 pixelů, je vystředěné a má tmavé pozadí sahající až k okrajům zobrazovací oblasti. Hlavním prvkem je velký nadpis, zarovnaný vlevo (64–72 pixelů), spárovaný s výzvou k akci (CTA) zarovnanou vpravo, následovaný velkým snímkem obrazovky produktu, který mírně přesahuje maximální šířku. Rytmus sekcí se střídá mezi dvousloupcovými kompozicemi s textem vlevo a obrázkem vpravo a pásy zobrazení produktů v plné šířce oddělenými svislými mezerami o šířce 96 pixelů. Pás s logem klienta je jeden vodorovný řádek. Stránka nikdy nepoužívá třísloupcové mřížky karet ani dlaždicové struktury – hustota informací zůstává nízká, většina sekcí využívá dostatek bílého prostoru a jeden ústřední prvek na obrazovce. Navigace je tvořena pevným horním panelem s logem zarovnaným vlevo a odkazy zarovnanými vpravo, bez postranního panelu nebo mega menu.

Vizuální jazyk aplikace Linear je založen na snímcích obrazovky produktů: ilustrace na začátku a v jednotlivých sekcích jsou reálné obrázky uživatelského rozhraní aplikace Linear, zachycené v maximálním detailu – karty úkolů, Kanban nástěnky, dashboardy agentů AI, palety příkazů – umístěné v tenkých rámečcích. Žádné fotografie z fotobanky, žádné obrázky životního stylu, žádné abstraktní ilustrace. Loga jsou zobrazena jako neutrální šedý pruh (#8a8f98) jednotné velikosti pro zákazníky. Ikony jsou minimalistické lineární SVG obrázky v monochromatické stupnici šedi. Snímek obrazovky v horní části stránky se vznáší na jemném lineárním přechodu (od tmavé ke světlé), čímž vytváří atmosférickou hloubku bez použití reálných krajin. Každý vizuální prvek je funkčním prvkem samotného produktu.

Paleta

Značka

  • Acid Lime #e4f222 — Hlavní ovládací tlačítka a aktivní navigační indikátory jsou jasným akcentem, který narušuje monochromatické barevné schéma.

Neutrální

  • Mist #d0d6e0 — Sekundární nadpisy, text tlačítek na tmavých površích
  • Void #08090a — Plátno stránky, obrázek na pozadí přes celou šířku – ve výchozím nastavení jsou všechny prvky umístěny na tomto pozadí.
  • Carbon #0f1011 — Povrchy karet, navigační lišty, jsou krokem nad plátnem pro umisťování obsahu do karet.
  • Obsidian #161718 — Vyvýšené povrchy, hlubší kartonové panely
  • Graphite #23252a — Jemné okraje, oddělovače, jemné obrysy tlačítek - texturované okraje s nízkým kontrastem
  • Smoke #383b3f — Tenké okraje mají vyšší kontrast než grafitové separátory.

Typografie

od 13 do 72 pixelů · 8 kroků

  • Inter Variable — nahrazení: Inter (variable) · obrysy 300, 400, 510, 590 · Primární písmo uživatelského rozhraní a záhlaví – Používá se v navigaci, textu těla, nadpisech, tlačítkách a kartách.
  • Berkeley Mono — nahrazení: JetBrains Mono · obrysy 400 · Text uživatelského rozhraní sousedící s kódem - identifikátory vydání (ENG-2703), klávesové zkratky, metadata písma s monospaced adresou

Intervaly a forma

ÚčelVýznam
Hustotaprostorný
Základní krok8px
Poloměr tlačítka6px
Poloměr karty12px
Stínyne - okraje místo stínů
Mezi sekcemi96px
Šířka stránky1200px

Umělá inteligence vám vytvoří web ve stylu Linear a naplní ho

  • Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
  • Přeneste obsah ze starého webu – stačí zadat adresu.
  • Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
  • Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.

Podobné styly

  • Aaru — Observatoř částicového pole o půlnoci
  • Atlas Card — Půlnoční trezor s jediným safírovým paprskem je černočerný prostor, kde jediné, na čem záleží, je tmavě elektrická modř.
  • Checkly — Řídicí centrum mise na hluboké oběžné dráze
  • Savee — Černé plátno pro vizuální kurátory
  • Inngest — Tmavá, tichá observatoř vybavená pro práci s přístroji, osvětlená jedinou jantarovou kontrolkou
  • Dala — souhvězdí vznášející se na černém sametu
  • Origin Financial — Půlnoční galerie tiché opulentnosti. Tichá, téměř tmavá místnost, kde velké patkové fonty a několik osvětlených barevných panelů vytvářejí pocit, že finance jsou pečlivě kurátorovaným uměleckým dílem.
  • Hyperstudio — Vzor je vyryt do obsidiánu. Text a jemné linky rámují bílý prostor čistě černé barvy s občasnými zlatými značkami kompasu označujícími cestu.
  • Air — socha "Půlnoční obloha skrz sklo"
  • Resend — černý samet s fialovou neonovou barvou
  • Raycast — Půlnoční velitelské centrum, Coral Neon
  • Dimension — pracovní stanice osvětlená soumrakem s matnými skleněnými panely