Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukûntwikkelderUntwikkeljen fan AI-ark foar bedriuwen. Hege kwaliteit. Betelber.Skriuw nei Telegram
Linear — in foarbyld fan in side yn dizze styl

Linear

middernacht presyzje-ynstrumint

It Linear ûntwerpsysteem is in nachtlik kommandosintrum boud op hast swarte oerflakken (#08090a) mei skerpe wite letters en in inkele limoengriene aksint (#e4f222) dy't funksjonearret as in funksjonele zaklamp - lyts, mei hege kontrast, en sparjend brûkt om aksjes oan te jaan. De ynterface behannelet tsjuster as in basis ynstee fan in tema: tekst is in skerp wyt mei in krappe letterôfstân (-0.022em), lettertypegewichten binne yn it lege berik fan 400–510 ynstee fan fet, en rânen binne ultratin (0.5px) om geometry it wurk te dwaan dat typysk troch skaden dien wurdt. Komponinten fiele presys makke - 6px en 12px radii, kompakte marzjes fan 8–12px, en in hast folslein gebrek oan dekorative eleminten - wêrtroch't de produkt-UI (taakkaarten, Kanban-boerden, AI-agintpanielen) de ienige fisuele tekstuer is yn in oars kalm systeem.

De yndieling hat in maksimale breedte fan sawat 1200px, sintraal, mei in donkere eftergrûn dy't útwreidet oant de rânen fan it viewport. It haadelemint is in grutte koptekst, links-útlijne (64–72px), keppele oan in rjochts-útlijne call to action (CTA), folge troch in grutte produktskermôfbylding dy't wat fierder giet as de maksimale breedte. It ritme fan 'e seksjes wikselet tusken komposysjes fan twa kolommen mei tekst oan 'e lofterkant en in ôfbylding oan' e rjochterkant, en produktdisplaystrips oer folsleine breedte skieden troch fertikale goten fan 96px. De strip mei it logo fan 'e klant is in inkele horizontale rige. De side brûkt nea kaartrasters fan trije kolommen of tegele struktueren - de ynformaasjetichtens bliuwt leech, wêrby't de measte seksjes genôch wite romte brûke en ien fokuselemint op it skerm. De navigaasje is in fêste boppeste balke mei in links-útlijne logo en rjochts-útlijne keppelings, sûnder in sydbalke of megamenu.

De fisuele taal fan Linear is basearre op skermôfbyldings fan produkten: de yllustraasjes oan it begjin en yn 'e seksjes binne echte ôfbyldings fan 'e brûkersynterface fan 'e Linear-app, fêstlein yn maksimaal detail - taakkaarten, Kanban-boerden, dashboards fan AI-aginten, kommandopaletten - pleatst yn tin ynkaderde frames. Gjin stockfoto's, gjin libbensstylôfbyldings, gjin abstrakte yllustraasjes. Logo's wurde werjûn as in neutrale grize stripe (#8a8f98) fan unifoarme grutte foar klanten. Ikoanen binne minimalistyske lineêre SVG-ôfbyldings yn in monochromatyske grize skaal. De skermôfbylding boppe oan 'e pagina driuwt op in subtile lineêre gradiënt (fan tsjuster nei ljocht), wêrtroch atmosfearyske djipte ûntstiet sûnder echte lânskippen te brûken. Elk fisueel elemint is in funksjoneel elemint fan it produkt sels.

Palet

Merk

  • Acid Lime #e4f222 — De wichtichste kontrôleknoppen en aktive navigaasje-yndikatoaren binne in helder aksint dat it monochrome kleurskema brekt.

Neutraal

  • Mist #d0d6e0 — Sekundêre kopteksten, knoptekst op donkere oerflakken
  • Void #08090a — Sidedoek, eftergrûnôfbylding oer folsleine breedte - standert wurde alle eleminten op dizze eftergrûn pleatst.
  • Carbon #0f1011 — Kaartoerflakken, navigaasjebalken, binne in stap boppe it kanvas foar it pleatsen fan ynhâld yn kaarten.
  • Obsidian #161718 — Ferhege oerflakken, djippere kartonnen panielen
  • Graphite #23252a — Subtile rânen, skieders, subtile knopkonturen - teksturearre rânen mei leech kontrast
  • Smoke #383b3f — Tinne rânen hawwe in heger kontrast as grafyt - seksjeskieders.

Typografy

fan 13 oant 72px · 8 stappen

  • Inter Variable — ferfanging: Inter (variable) · sketsen 300, 400, 510, 590 · Primêre brûkersynterface en koptekstlettertype - Brûkt yn navigaasje, lichemstekst, kopteksten, knoppen en kaarten.
  • Berkeley Mono — ferfanging: JetBrains Mono · sketsen 400 · Koade-oanlizzende UI-tekst - release-identifiers (ENG-2703), toetseboerdkoartingen, monospace-lettertypemetadata

Yntervallen en foarm

DoelBetsjutting
Dichtheidrom
Basisstap8px
Knopradius6px
Kaartradius12px
Skadengjin grinzen ynstee fan skaden
Tusken seksjes96px
Sidebreedte1200px

AI sil jo webside bouwe yn Linear -styl en it folje

  • Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
  • Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
  • Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
  • Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.

Ferlykbere stilen

  • Aaru — Dieltsjefjildobservatorium om middernacht
  • Atlas Card — De Middernachtskluis, mei syn ienige saffierstriel, is in pikswarte útwreiding dêr't it iennichste dat wichtich is it djippe elektryske blau is.
  • Checkly — Missykontrôlesintrum foar djippe baan
  • Savee — Swart doek foar fisuele kurators
  • Inngest — In tsjuster, stil observatoarium, ynrjochte foar it wurkjen mei ynstruminten, ferljochte troch in inkele amber waakvlam
  • Dala — in stjerrebyld dat sweeft op swart fluweel
  • Origin Financial — In middernachtsgalery fan stille weelderigens. In stille, hast tsjustere keamer dêr't grutte serif-lettertypen en in pear ferljochte kleurige panielen it gefoel wekke dat finânsjes in soarchfâldich gearstald keunstwurk binne.
  • Hyperstudio — It ûntwerp is yn obsidiaan krast. Tekst en tinne linen omlijstje in wite romte fan suver swart, mei sa no en dan gouden kompasmarkeringen dy't de wei oanjaan.
  • Air — byldhouwurk "Middernachtshimmel troch glês"
  • Resend — swart fluweel mei pearse neonkleur
  • Raycast — Middernacht Kommando Sintrum, Coral Neon
  • Dimension — in wurkstasjon mei skimerljocht en matte glêzen panielen