Telegram, WhatsApp+380637610482
Valērijs Danjuks
Valērijs DanjuksizstrādātājsMākslīgā intelekta rīku izstrāde uzņēmumiem. Augsta kvalitāte. Pieejama cena.Rakstīt Telegram
Linear — vietnes priekšskatījums šajā stilā

Linear

pusnakts precīzijas instruments

Lineārā dizaina sistēma ir nakts komandcentrs, kas veidots uz gandrīz melnām virsmām (#08090a) ar kraukšķīgi baltu burtu un vienu laima zaļu akcentu (#e4f222), kas darbojas kā funkcionāls lukturītis — mazs, ar augstu kontrastu un taupīgi izmantots darbību norādīšanai. Saskarne tumsu uztver kā pamatu, nevis tēmu: teksts ir kraukšķīgi balts ar šauru burtu atstarpi (-0,022em), fontu biezums ir zemā 400–510 diapazonā, nevis treknrakstā, un apmales ir īpaši plānas (0,5 pikseļi), lai ļautu ģeometrijai veikt darbu, ko parasti veic ēnas. Komponenti šķiet precīzi izstrādāti — 6 pikseļu un 12 pikseļu rādiusi, kompaktas 8–12 pikseļu malas un gandrīz pilnīgs dekoratīvo elementu trūkums —, ļaujot produkta lietotāja saskarnei (uzdevumu kartītēm, Kanban tāfelēm, mākslīgā intelekta aģentu paneļiem) būt vienīgajai vizuālajai tekstūrai citādi mierīgajā sistēmā.

Izkārtojuma maksimālais platums ir aptuveni 1200 pikseļi, tas ir centrēts, ar tumšu fonu, kas sniedzas līdz skata loga malām. Galvenais elements ir liels virsraksts, kas izlīdzināts pa kreisi (64–72 pikseļi), kas savienots pārī ar pa labi izlīdzinātu aicinājumu uz darbību (CTA), kam seko liels produkta ekrānuzņēmums, kas nedaudz pārsniedz maksimālo platumu. Sadaļu ritms mainās starp divu kolonnu kompozīcijām ar tekstu kreisajā pusē un attēlu labajā pusē, un pilna platuma produktu attēlošanas joslām, kas atdalītas ar 96 pikseļu vertikālām iecirtnēm. Josla ar klienta logotipu ir viena horizontāla rinda. Lapā nekad netiek izmantoti trīs kolonnu karšu režģi vai mozaīkas struktūras — informācijas blīvums joprojām ir zems, lielākajai daļai sadaļu izmantojot pietiekami daudz baltas vietas un vienu fokusa elementu ekrānā. Navigācija ir fiksēta augšējā josla ar pa kreisi izlīdzinātu logotipu un pa labi izlīdzinātām saitēm, bez sānu joslas vai mega izvēlnes.

Linear vizuālā valoda ir balstīta uz produktu ekrānuzņēmumiem: ilustrācijas sākumā un sadaļās ir reāli Linear lietotnes lietotāja saskarnes attēli, kas uzņemti maksimāli detalizēti — uzdevumu kartītes, Kanban tāfeles, mākslīgā intelekta aģentu informācijas paneļi, komandu paletes —, ievietoti plānos rāmjos. Nav attēlu ar attēlu krājumiem, nav dzīvesveida attēlu, nav abstraktu ilustrāciju. Logotipi tiek attēloti kā neitrāla pelēka svītra (#8a8f98) ar vienādu izmēru klientiem. Ikonas ir minimālistiski lineāri SVG attēli monohromatiskā pelēktoņu skalā. Ekrānuzņēmums lapas augšdaļā peld uz smalka lineāra gradienta (no tumšas uz gaišu), radot atmosfērisku dziļumu, neizmantojot reālas ainavas. Katrs vizuālais elements ir paša produkta funkcionāls elements.

Palete

Zīmols

  • Acid Lime #e4f222 — Galvenās vadības pogas un aktīvie navigācijas indikatori ir spilgts akcents, kas lauž vienkrāsaino krāsu shēmu.

Neitrāls

  • Mist #d0d6e0 — Papildu virsraksti, pogu teksts uz tumšām virsmām
  • Void #08090a — Lapas audekls, pilna platuma fona attēls — pēc noklusējuma visi elementi tiek novietoti uz šī fona.
  • Carbon #0f1011 — Kartīšu virsmas, navigācijas joslas, ir pakāpiens virs audekla satura ievietošanai kartīšu iekšpusē.
  • Obsidian #161718 — Paceltas virsmas, dziļāki kartona paneļi
  • Graphite #23252a — Nelielas apmales, atdalītāji, neuzkrītošas pogu kontūras — teksturētas malas ar zemu kontrastu
  • Smoke #383b3f — Plānām apmalēm ir lielāks kontrasts nekā grafīta sekciju atdalītājiem.

Tipogrāfija

no 13 līdz 72 pikseļiem · 8 soļi

  • Inter Variable — nomaiņa: Inter (variable) · kontūras 300, 400, 510, 590 · Primārais lietotāja interfeiss un galvenes fonts — tiek izmantots navigācijā, pamattekstā, virsrakstos, pogās un kartītēs.
  • Berkeley Mono — nomaiņa: JetBrains Mono · kontūras 400 · Kodam blakus esošais lietotāja interfeisa teksts — laidiena identifikatori (ENG-2703), īsinājumtaustiņi, vienrindas fonta metadati

Intervāli un forma

MērķisNozīme
Blīvumsplašs
Pamata solis8px
Pogas rādiuss6px
Kartes rādiuss12px
Ēnasnē — robežas ēnu vietā
Starp sekcijām96px
Lapas platums1200px

Mākslīgais intelekts izveidos jūsu vietni Linear stilā un aizpildīs to

  • Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
  • Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
  • Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
  • Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.

Līdzīgi stili

  • Aaru — Daļiņu lauka observatorija pusnaktī
  • Atlas Card — Pusnakts velve ar savu vienīgo safīra staru ir piķa melna plašums, kur vienīgā svarīgā lieta ir dziļi elektriskā zilā krāsa.
  • Checkly — Dziļās orbītas misijas vadības centrs
  • Savee — Melns audekls vizuālajiem kuratoriem
  • Inngest — Tumša, klusa observatorija, kas aprīkota darbam ar instrumentiem, apgaismota ar vienu dzintara krāsas kontrollampiņu
  • Dala — zvaigznājs, kas lidinās uz melna samta
  • Origin Financial — Pusnakts galerija, kurā valda klusa greznība. Klusa, gandrīz tumša telpa, kur lieli serif fonti un daži izgaismoti krāsaini paneļi rada sajūtu, ka finanses ir rūpīgi veidots mākslas darbs.
  • Hyperstudio — Dizains ir ieskrāpēts obsidiānā. Teksts un smalkas līnijas ierāmē tīri melnu baltu laukumu, kurā ceļu norāda neregulāri zeltaini kompasa punkti.
  • Air — skulptūra "Pusnakts debesis caur stiklu"
  • Resend — melns samts ar violetu neona krāsu
  • Raycast — Pusnakts komandcentrs, Koraļļu neons
  • Dimension — krēslā apgaismota darbstacija ar matēta stikla paneļiem