Slash
Keskööseiklus kullatud pearaamatutega
Kaldkriips töötab kesköise galeriirežiimis: peaaegu must lõuend, valge font ja üks soe vaskaktsent kirjavahemärgina. Pealkirjad kuvatakse Ivy Presto kirjas, mis on kontrastne didone-serif, mida kasutatakse äärmuslikes suurustes (kuni 88 pikslit) – see serif- ja sans-serif-kirjatüüpide kokkupõrge on süsteemi tunnusjoon, andes sellele finantsilise raskusastme ilma traditsioonilise panganduse maaklerilikkuseta. Ülejäänud kasutajaliides on tahtlikult tagasihoidlik: õhukesed äärised, pillikujulised juhtnupud, kompaktne 16-piksline põhitekst ja peen ülespoole kallutatus, et tekst saaks hingata. Üks kuldne gradient (graafikujoon, mikroaktsendid) lisab monokroomsele süsteemile soojust, tekitades tunde disainipublikule ehitatud Bloombergi terminali soojast kuma.
Sisu laius on 1216 pikslit, see on tsentreeritud ja sellel on 160 pikslit laiused vertikaalsed ääred. Avaleht on tume, täislaiuses lõuend jagatud kompositsiooniga: vasakule joondatud serif-päis (64–88 pikslit lai), mille all on e-posti aadressi väli, ja paremal pool on suur toote kasutajaliidese kaart (armatuurlaua ekraanipilt), mille laius on 50%. Järgnevad jaotised kasutavad ühest veerust koosnevat tsentreeritud päist (serif, 44–64 pikslit lai) ja alapealkirja Inter-kirjas, millele järgnevad kolmeveerulised kaartide ruudud funktsioonide kirjelduste/iseloomustuste/blogide jaoks. Navigeerimine on fikseeritud ülemise ribaga: vasakul logo, keskmenüü (Ettevõte, Tooted, Lahendused, Kliendid, Hinnakujundus, KKK), paremale joondatud sisselogimine (silmapaistmatu) ja alustamine (valgega täidetud element). Jaluses on tihe viieveeruline lingiruudustik ettevõtte teabe ja juriidiliste teadetega. Lehel vahelduvad sisurikkad ruudustikuosad ja täisekraani statistika – rütmi loovad pigem veergude vaheline helde tühik kui vahelduvad taustavärvid (kogu leht kuvatakse ühtse lõuendina).
Fotod on toimetuse stiilis ja naturalistlikud: soojad portreed asutajatest ja meeskonnaliikmetest nende reaalsetes töökeskkondades (kontorid, elutoad, ehitusplatsid). Pildid täidavad kaardi raamid servast servani, ilma ääristeta. Teksti loetavuse parandamiseks on iseloomustuskaartide allosas kasutatud tumedat gradienti. Esteetika – „LinkedIn kohtub toimetuse ajakirjaga” – on vabaaja, inimlik ja kergelt summutatud, seda pole kunagi lihvitud fotodega. Artiklite pisipildid ühendavad fotosid illustreeritud kontseptsioonidega (inimene seisab labürindis, kamin rahakottidega). Toote kasutajaliides kuvatakse tumedas režiimis täieliku läbipaistmatusega, hõljudes lehe kohal õrnadel tumedatel pindadel – kesksel elemendil. Ikoonid on mustvalged, 1px pintslitõmmetega toonides #2e3038 või #777a88, neid ei täideta kunagi brändivärviga.
Palett
Neutraalne
- Bone
#e2e3e9— Suur kirjasuurus põhiteksti jaoks, detailsed andmesildid ja standardne tekstitoon enamikus kasutajaliidese elementides. - Obsidian
#08080a— Lehekülje lõuend, jaluse taust ja kõige tumedam pind on peaaegu must, õrna sinise varjundiga. - Onyx
#040406— Kaardi pind, täiendav taust, on visuaalse efekti saavutamiseks lehe ühe astme võrra sügavam. - Carbon
#121317— Tõstetud paneelid, märkamatu kasutajaliidese täitmine - esimene märgatavalt kergem samm Surface Stacki evolutsioonis - Graphite
#1c1d22— Äärised, eraldajad, ikoonikonteinerid, juhtliugurid – kõige peenem värvitoon, mis struktuuri määratleb. - Slate
#2e3038— Lisaäärised, summutatud ikoonijooned, peened eraldajad sisuplokkide vahel.
Tüpograafia
13-st 88 pikslini · 9 sammu
- Ivy Presto — asendamine: Playfair Display · kontuurid 400, 500 · Pealkirjade ja alapealkirjade jaoks mõeldud serif-font – kasutatakse ainult pealkirjade ja jaotiste pealkirjade puhul, mille suurus on 28 pikslit ja rohkem. Suure kontrastsusega didone-jooned ja õhukesed serif-kirjad loovad toimetusliku luksuse tunde; väike positiivne tähevahe 0,01 em on ebatavaline ja annab fondile trükitud, raamatupidamislaadse välimuse. See serif-font on brändi peamine visiitkaart – see eristab Slashi kõigist teistest SaaS-i finantstehnoloogiaettevõtetest, mis kasutavad vaikimisi geomeetrilisi sans-serif-fonte.
- Inter — asendamine: Inter (self-hosted via Google Fonts) · kontuurid 300, 400, 500, 600, 700 · UI Sans – põhitekst, navigeerimine, nupud, sildid, lingid, vormiväljad ja alapealkirjad. Põhitekstis kasutatakse märkamatu sekundaarteksti jaoks fonti 300; keskmise rõhuasetusega teksti ja nuppude siltide jaoks kasutatakse fonti 500; väiketähtedega kirjutatud kategooriasiltide jaoks on reserveeritud font 600. Negatiivne tähevahe väheneb alates 2-st (-3) ja väheneb suuruse vähenedes, mis on Inter-fondi optilisele skaleerimisele tüüpiline.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 8px |
| Nupu raadius | 9999px |
| Kaardi raadius | 10px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 160px |
| Lehe laius | 1216px |
Tehisintellekt loob teie veebisaidi Slash 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
- Modal — Fosforestseeruv terminal pimendatud serveriruumis - ainus valgusallikas on erkroheline värv
- AgentQL — Virmalised terminali kohal öösel
- GitHub — Kosmose juhtimispaneel bioluminestsentssete juhtimispunktidega – tume, atmosfääriline tööruum, kus üks roheline kuma näitab teed edasi.
- Doppler — Võlvkambri lilla valgustus keskööl. Peaaegu must lõuend helendab ühe lavendlivärvi signaali ja rohelise kinnitustulega, iga pind on piisavalt kõver, et seda haarata.
- Basedash — Mati kirjastiiliga kesköine andmeterminal. Tume observatoorium, kus mõõdikud helendavad lillalt ja roheliselt, müra kohal hõljuvad serif-kirjas pealkirjad ning valged tabletikujulised nupud on ainsad eredad objektid pehmete mustade pindadega ruumis.
- Superwhisper — Virmalised lahustuvad kesköise klaasi kohal
- Better Stack — Kesköö SRE konsool
- Langbase — Kesköö virmaliste konsool
- Astro — Süvakosmose missiooni juhtimiskeskus ühe lilla kumaga udukogust
- Wayfinder — Must filmiekraan, mille kohal hõljub vaevu kuuldav pealkiri. Liides on pigem heleduse liugur kui juhtpaneel.
- HashiCorp — Lilla neooniga keskööl asuv juhtimisruum on tume tehniline pind, kus ainsa värviviidetena on helendav kuusnurkne kuup.
- Umbrel — Hubane lõkkease öises serveriruumis – pimedas ruumis, kus üksainus virsikukarva kuma rõhutab seda, mis on tõeliselt oluline.