Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojárVývoj nástrojov umelej inteligencie pre firmy. Vysokokvalitné. Cenovo dostupné.Napísať do Telegramu
Linear — ukážka stránky v tomto štýle

Linear

polnočný presný prístroj

Systém lineárneho dizajnu je nočné veliteľské centrum postavené na takmer čiernych povrchoch (#08090a) s ostrým bielym písmom a jedným limetkovozeleným akcentom (#e4f222), ktoré funguje ako funkčné svietidlo – malé, vysoko kontrastné a používané striedmo na označenie akcií. Rozhranie vníma tmu skôr ako základ než ako tému: text je ostrý biely s tesnými rozstupmi písmen (-0,022 em), hrúbky písma sú v nízkom rozsahu 400 – 510, nie tučné, a okraje sú ultratenké (0,5 px), aby geometria vykonávala prácu, ktorú zvyčajne vykonávajú tiene. Komponenty pôsobia precízne – polomery 6 px a 12 px, kompaktné okraje 8 – 12 px a takmer úplná absencia dekoratívnych prvkov – čo umožňuje, aby používateľské rozhranie produktu (karty úloh, Kanban tabule, panely agentov AI) bolo jedinou vizuálnou textúrou v inak pokojnom systéme.

Rozloženie má maximálnu šírku približne 1200 pixelov, je vycentrované, s tmavým pozadím siahajúcim až k okrajom výrezu. Hlavným prvkom je veľký nadpis, zarovnaný vľavo (64 – 72 pixelov), spárovaný s výzvou na akciu (CTA) zarovnanou vpravo, po ktorom nasleduje veľká snímka obrazovky produktu, ktorá mierne presahuje maximálnu šírku. Rytmus sekcií sa strieda medzi dvojstĺpcovými kompozíciami s textom vľavo a obrázkom vpravo a pásmi zobrazenia produktu na celú šírku oddelenými zvislými medzerami s rozmermi 96 pixelov. Pás s logom klienta je jeden vodorovný riadok. Stránka nikdy nepoužíva trojstĺpcové mriežky kariet ani dlaždicové štruktúry – hustota informácií zostáva nízka, pričom väčšina sekcií využíva dostatok bieleho priestoru a jeden ústredný prvok na obrazovke. Navigácia je tvorená pevným horným panelom s logom zarovnaným vľavo a odkazmi zarovnanými vpravo, bez bočného panela alebo mega ponuky.

Vizuálny jazyk aplikácie Linear je založený na snímkach obrazovky produktu: ilustrácie na začiatku a v jednotlivých sekciách sú skutočné obrázky používateľského rozhrania aplikácie Linear, zachytené v maximálnych detailoch – karty úloh, Kanban tabule, dashboardy agentov AI, palety príkazov – umiestnené v tenkých rámoch. Žiadne fotografie z fotobanky, žiadne obrázky životného štýlu, žiadne abstraktné ilustrácie. Logá sú zobrazené ako neutrálny sivý pruh (#8a8f98) jednotnej veľkosti pre zákazníkov. Ikony sú minimalistické lineárne obrázky SVG v monochromatickej stupnici sivej. Snímka obrazovky v hornej časti stránky sa vznáša na jemnom lineárnom gradiente (z tmavej na svetlú), čím vytvára atmosférickú hĺbku bez použitia skutočných krajín. Každý vizuálny prvok je funkčným prvkom samotného produktu.

Paleta

Značka

  • Acid Lime #e4f222 — Hlavné ovládacie tlačidlá a indikátory aktívnej navigácie sú jasným akcentom, ktorý narúša monochromatickú farebnú schému.

Neutrálny

  • Mist #d0d6e0 — Sekundárne nadpisy, text tlačidiel na tmavých povrchoch
  • Void #08090a — Plátno stránky, obrázok na pozadí na celú šírku – štandardne sú všetky prvky umiestnené na tomto pozadí.
  • Carbon #0f1011 — Povrchy kariet, navigačné panely, sú krokom nad plátnom na umiestnenie obsahu do kariet.
  • Obsidian #161718 — Zvýšené povrchy, hlbšie kartónové panely
  • Graphite #23252a — Jemné okraje, oddeľovače, jemné obrysy tlačidiel – textúrované okraje s nízkym kontrastom
  • Smoke #383b3f — Tenké okraje majú vyšší kontrast ako grafitové separátory.

Typografia

od 13 do 72px · 8 krokov

  • Inter Variable — náhrada: Inter (variable) · obrysy 300, 400, 510, 590 · Primárne písmo používateľského rozhrania a hlavičky – používa sa v navigácii, texte tela, nadpisoch, tlačidlách a kartách.
  • Berkeley Mono — náhrada: JetBrains Mono · obrysy 400 · Text používateľského rozhrania susediaci s kódom – identifikátory vydania (ENG-2703), klávesové skratky, metadáta písma s monospaced adresárom

Intervaly a forma

ÚčelVýznam
Hustotapriestranný
Základný krok8px
Polomer tlačidla6px
Polomer karty12px
Tienenie - okraje namiesto tieňov
Medzi sekciami96px
Šírka stránky1200px

Umelá inteligencia vytvorí vašu webovú stránku v štýle Linear a naplní ju

  • Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
  • Preneste obsah zo svojej starej stránky – stačí zadať adresu.
  • Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
  • Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.

Podobné štýly

  • Aaru — Observatórium časticového poľa o polnoci
  • Atlas Card — Polnočný trezor s jediným zafírovým lúčom je čiernou rozlohou, kde jediné, na čom záleží, je tmavá elektrická modrá.
  • Checkly — Riadiace centrum misie na hlbokej obežnej dráhe
  • Savee — Čierne plátno pre vizuálnych kurátorov
  • Inngest — Tmavé, tiché observatórium vybavené na prácu s prístrojmi, osvetlené jedinou jantárovou kontrolkou
  • Dala — súhvezdie vznášajúce sa na čiernom zamate
  • Origin Financial — Polnočná galéria tichej opulentnosti. Tichá, takmer tmavá miestnosť, kde veľké pätkové písmo a niekoľko osvetlených farebných panelov vytvárajú pocit, že financie sú starostlivo kurátorsky spracovaným umeleckým dielom.
  • Hyperstudio — Dizajn je vyrytý do obsidiánu. Text a jemné čiary rámujú biely priestor čisto čiernej farby s občasnými zlatými značkami kompasu označujúcimi cestu.
  • Air — socha „Polnočná obloha cez sklo“
  • Resend — čierny zamat s fialovou neónovou farbou
  • Raycast — Polnočné veliteľské centrum, Coral Neon
  • Dimension — pracovisko osvetlené za súmraku s matnými sklenenými panelmi