
Linear
kesköö täppisinstrument
Lineaarne disainisüsteem on öine juhtimiskeskus, mis on ehitatud peaaegu mustadele pindadele (#08090a), millel on karge valge font ja üks laimiroheline aktsent (#e4f222), mis toimib funktsionaalse taskulambina – väike, kontrastne ja seda kasutatakse tegevuste tähistamiseks harva. Liides käsitleb pimedust pigem alusena kui teemana: tekst on karge valge, tiheda tähevahega (-0,022em), fondi paksus on pigem 400–510 kui paks ja äärised on üliõhukesed (0,5 pikslit), et geomeetria saaks teha tööd, mida tavaliselt teevad varjud. Komponendid tunduvad täpselt valmistatud – 6- ja 12-pikslised raadiused, kompaktsed 8–12-pikslised veerised ja peaaegu täielik dekoratiivsete elementide puudumine –, mis võimaldab toote kasutajaliidesel (ülesannete kaardid, Kanban-tahvlid, tehisintellekti agentide paneelid) olla ainus visuaalne tekstuur muidu rahulikus süsteemis.
Paigutuse maksimaalne laius on umbes 1200 pikslit, see on tsentreeritud ja tume taust ulatub vaatevälja servadeni. Põhielement on suur vasakule joondatud pealkiri (64–72 pikslit), millele on lisatud paremale joondatud üleskutse tegevusele (CTA), millele järgneb suur toote ekraanipilt, mis ulatub veidi üle maksimaalse laiuse. Sektsioonide rütm vaheldub kaheveeruliste kompositsioonide vahel, kus tekst on vasakul ja pilt paremal, ning täislaiuses toote kuvamise ribade vahel, mida eraldavad 96 piksli suurused vertikaalsed äärised. Kliendi logoga riba on üks horisontaalne rida. Lehel ei kasutata kunagi kolmeveerulisi kaardiruudustikke ega plaaditud struktuure – teabe tihedus on madal, enamik sektsioone kasutab rohkelt tühja ruumi ja ühte fookuselementi ekraanil. Navigeerimine on fikseeritud ülemine riba vasakule joondatud logo ja paremale joondatud linkidega, ilma külgriba või megamenüüta.
Lineari visuaalne keel põhineb toote ekraanipiltidel: alguses ja jaotistes olevad illustratsioonid on Lineari rakenduse kasutajaliidese reaalsed pildid, mis on jäädvustatud maksimaalse detailsusega – ülesandekaardid, Kanbani tahvlid, tehisintellekti agendi armatuurlauad, käskude paletid –, mis on paigutatud õhukeste raamidega raamidesse. Ei mingeid fotopangapilte, elustiilipilte ega abstraktseid illustratsioone. Logod kuvatakse klientidele ühtlase suurusega neutraalse halli triibuna (#8a8f98). Ikoonid on minimalistlikud lineaarsed SVG-pildid monokromaatilises hallskaalas. Lehe ülaosas olev ekraanipilt hõljub peenel lineaarsel gradiendil (tumedast heledani), luues atmosfäärilise sügavuse ilma reaalseid maastikke kasutamata. Iga visuaalne element on toote enda funktsionaalne element.
Palett
Bränd
- Acid Lime
#e4f222— Peamised juhtnupud ja aktiivsed navigeerimisnäidikud on ere aktsent, mis lõhub mustvalge värvilahenduse.
Neutraalne
- Mist
#d0d6e0— Teisese pealkirjad, nuppude tekst tumedatel pindadel - Void
#08090a— Lehe lõuend, täislaiuses taustapilt – vaikimisi paigutatakse kõik elemendid sellele taustale. - Carbon
#0f1011— Kaardipinnad ehk navigeerimisribad on lõuendist kõrgemal astmel sisu paigutamiseks kaartidele. - Obsidian
#161718— Tõstetud pinnad, sügavamad papppaneelid - Graphite
#23252a— Peened äärised, eraldajad, peened nuppude kontuurid – madala kontrastsusega tekstuursed servad - Smoke
#383b3f— Õhukestel ääristel on suurem kontrastsus kui grafiidist sektsioonieraldajatel.
Tüpograafia
13-st 72 pikslini · 8 sammu
- Inter Variable — asendamine: Inter (variable) · kontuurid 300, 400, 510, 590 · Kasutajaliidese ja päise peamine font – kasutatakse navigeerimisel, põhitekstis, pealkirjades, nuppudel ja kaartidel.
- Berkeley Mono — asendamine: JetBrains Mono · kontuurid 400 · Koodiga külgnev kasutajaliidese tekst – väljalaske identifikaatorid (ENG-2703), kiirklahvid, monospace fondi metaandmed
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 8px |
| Nupu raadius | 6px |
| Kaardi raadius | 12px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 96px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Linear stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Aaru — Osakestevälja observatoorium keskööl
- Atlas Card — Kesköövõlvkelder oma ühe safiirkiirega on kottpime avarus, kus ainus, mis loeb, on sügav elektrisinine.
- Checkly — Sügava orbiidi missiooni juhtimiskeskus
- Savee — Must lõuend visuaalsetele kuraatoritele
- Inngest — Pime ja vaikne observatoorium, mis on varustatud instrumentidega töötamiseks ja mida valgustab üksainus merevaigukollane piloottuli
- Dala — tähtkuju hõljub mustal sametil
- Origin Financial — Kesköösel vaikse külluse galerii. Vaikne, peaaegu pime ruum, kus suured serif-fondid ja mõned valgustatud värvilised paneelid loovad tunde, et rahandus on hoolikalt kureeritud kunstiteos.
- Hyperstudio — Kujundus on kraabitud obsidiaani. Tekst ja peened jooned raamivad puhta musta valget ala, kus kohati on teed näitamas kuldsed kompassimärgid.
- Air — skulptuur "Kesköötaevas läbi klaasi"
- Resend — must samet lilla neoonvärviga
- Raycast — Kesköö juhtimiskeskus, Coral Neon
- Dimension — hämaras valgustatud tööjaam mattklaasist paneelidega