Telegram, WhatsApp+380637610482
Valeri Danjuk
Valeri DanjukkehittäjäTekoälytyökalujen kehittäminen yrityksille. Korkealaatuinen. Edullinen.Kirjoita Telegramissa
Linear — esikatselu sivustosta tässä tyylissä

Linear

keskiyön tarkkuusinstrumentti

Lineaarinen suunnittelujärjestelmä on lähes mustille pinnoille (#08090a) rakennettu yöllinen komentokeskus, jossa on terävän valkoinen kirjasin ja yksi limenvihreä aksentti (#e4f222), joka toimii toiminnallisena taskulamppuna – pieni, kontrastikas ja harvoin käytetty toimintojen osoittamiseen. Käyttöliittymä käsittelee pimeyttä pikemminkin pohjana kuin teemana: teksti on terävän valkoista ja kirjainväli on tiheä (-0.022em), fontin painot ovat 400–510 välillä lihavoinnin sijaan, ja reunukset ovat erittäin ohuet (0,5 pikseliä), jotta geometria voi tehdä varjojen tyypillisesti tekemän työn. Komponentit tuntuvat tarkasti valmistetuilta – 6 ja 12 pikselin säteet, kompaktit 8–12 pikselin marginaalit ja lähes täydellinen koriste-elementtien puuttuminen – jolloin tuotteen käyttöliittymä (tehtäväkortit, Kanban-taulut, tekoälyagenttien paneelit) on ainoa visuaalinen tekstuuri muuten rauhallisessa järjestelmässä.

Sivun leveys on enintään noin 1200 pikseliä keskitettynä, ja tumma tausta ulottuu näyttöalueen reunoille. Pääelementti on suuri, vasemmalle tasattu otsikko (64–72 pikseliä), johon on yhdistetty oikealle tasattu toimintakehotus (CTA). Sen jälkeen on suuri tuotekuvakaappaus, joka ulottuu hieman enimmäisleveyden yli. Osioiden rytmi vaihtelee kahden sarakkeen, joissa teksti on vasemmalla ja kuva oikealla, ja täysleveiden tuotenäyttönauhojen välillä, jotka on erotettu 96 pikselin pystysuorilla sisäviivoilla. Asiakkaan logon sisältävä kaistale on yksi vaakarivi. Sivulla ei koskaan käytetä kolmen sarakkeen ruudukoita tai laatoitettuja rakenteita – informaatiotiheys on alhainen, ja useimmat osiot käyttävät runsaasti tyhjää tilaa ja yhtä keskitettyä elementtiä näytöllä. Navigointi on kiinteä yläpalkki, jossa on vasemmalle tasattu logo ja oikealle tasatut linkit, ilman sivupalkkia tai megavalikkoa.

Linearin visuaalinen kieli perustuu tuotekuvakaappauksiin: alussa ja osioissa olevat kuvitukset ovat todellisia kuvia Linear-sovelluksen käyttöliittymästä, jotka on tallennettu mahdollisimman yksityiskohtaisesti – tehtäväkortteja, Kanban-tauluja, tekoälyagenttien kojelaudtoja, komentopaletteja – ohuisiin kehyksiin sijoitettuina. Ei kuvapankkikuvia, ei lifestyle-kuvia, ei abstrakteja kuvituksia. Logot näytetään neutraalina harmaana raidana (#8a8f98), joka on samankokoinen asiakkaille. Kuvakkeet ovat minimalistisia lineaarisia SVG-kuvia yksivärisessä harmaasävyssä. Sivun yläreunassa oleva kuvakaappaus kelluu hienovaraisella lineaarisella liukuvärillä (tummasta vaaleaan) luoden tunnelmallista syvyyttä käyttämättä todellisia maisemia. Jokainen visuaalinen elementti on itse tuotteen toiminnallinen osa.

Paletti

Merkki

  • Acid Lime #e4f222 — Pääohjauspainikkeet ja aktiiviset navigointi-indikaattorit ovat kirkas aksentti, joka rikkoo yksivärisen värimaailman.

Neutraali

  • Mist #d0d6e0 — Toissijaiset otsikot, painiketekstit tummilla pinnoilla
  • Void #08090a — Sivupohja, koko leveyden taustakuva – oletuksena kaikki elementit sijoitetaan tätä taustaa vasten.
  • Carbon #0f1011 — Korttipinnat, navigointipalkit, ovat askel kanvasta ylempänä sisällön sijoittamiseen korttien sisään.
  • Obsidian #161718 — Kohotetut pinnat, syvemmät pahvipaneelit
  • Graphite #23252a — Hienovaraiset reunat, erottimet, hienovaraiset painikkeiden ääriviivat – matalakontrastiset teksturoidut reunat
  • Smoke #383b3f — Ohuilla reunoilla on suurempi kontrasti kuin grafiittisilla leikkauserottimilla.

Typografia

13:sta 72 pikseliin · 8 askelta

  • Inter Variable — korvaava: Inter (variable) · ääriviivat 300, 400, 510, 590 · Ensisijainen käyttöliittymän ja otsikon fontti – Käytetään navigoinnissa, leipätekstissä, otsikoissa, painikkeissa ja korteissa.
  • Berkeley Mono — korvaava: JetBrains Mono · ääriviivat 400 · Koodin viereinen käyttöliittymäteksti - julkaisutunnisteet (ENG-2703), pikanäppäimet, kiinteävälisen fontin metatiedot

Intervallit ja muoto

TarkoitusMerkitys
Tiheystilava
Perusvaihe8px
Painikkeen säde6px
Kortin säde12px
Varjotei - reunoja varjojen sijaan
Osioiden välillä96px
Sivun leveys1200px

Tekoäly rakentaa verkkosivustosi Linear -tyyliin ja täyttää sen

  • Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
  • Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
  • Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
  • Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.

Samankaltaisia tyylejä

  • Aaru — Hiukkaskentän observatorio keskiyöllä
  • Atlas Card — Keskiyön holvi, ainoalla safiirisäteellään, on pikimusta avaruus, jossa ainoa tärkeä asia on syvän sähkönsininen.
  • Checkly — Syvän kiertoradan mission Control Center
  • Savee — Musta kangas visuaalisille kuraattoreille
  • Inngest — Pimeä, hiljainen observatorio, joka on varustettu työskentelyyn instrumenttien kanssa ja jota valaisee yksi keltainen merkkivalo
  • Dala — tähdistö leijuu mustalla sametilla
  • Origin Financial — Keskiyön galleria hiljaista loistoa. Hiljainen, lähes pimeä huone, jossa suuret serif-fontit ja muutamat valaistut väripaneelit luovat vaikutelman, että rahoitusala on huolellisesti kuratoitu taideteos.
  • Hyperstudio — Kuvio on raaputettu obsidiaanikiveen. Teksti ja ohuet viivat reunustavat puhtaan mustan valkoisen tilan, jossa on satunnaisia kultaisia kompassinjälkiä osoittamassa tietä.
  • Air — veistos "Keskiyön taivas lasin läpi"
  • Resend — musta sametti violetilla neonvärillä
  • Raycast — Keskiyön komentokeskus, Coral Neon
  • Dimension — hämärässä valaistu työasema, jossa on himmeät lasipaneelit