Slash
Keskiyön holvi kullatuilla tilikirjoilla
Slash toimii keskiyön galleriatilassa: lähes musta kangas, valkoinen kirjasintyyppi ja yksi lämmin kuparinvärinen aksentti välimerkkinä. Otsikot näytetään Ivy Presto -kirjasintyypissä, joka on kontrastinen didone-serif-kirjasintyyppi, jota käytetään äärimmäisissä kokoluokissa (jopa 88 pikseliä) – tämä serif- ja sans-serif-kirjasintyyppien yhteentörmäys on järjestelmän tunnusmerkki, joka antaa sille taloudellisen arvokkuuden ilman perinteisen pankkitoiminnan välitysliiketoiminnan arvokkuutta. Loput käyttöliittymästä on tarkoituksella hillitty: ohuet reunat, pillerinmuotoiset säätimet, kompakti 16 pikselin leipäteksti ja hienovarainen ylöspäin pyyhkäisy, jotta kirjasintyyppi pääsee hengittämään. Yksi kultainen liukuväri (kaavioviiva, mikroaksentit) lisää lämpöä yksiväriseen järjestelmään ja tuo mieleen Bloomberg-terminaalin lämpimän hehkun, joka on rakennettu design-yleisölle.
Sisältö on 1216 pikseliä leveä, keskitetty ja siinä on 160 pikselin pystysuuntaiset sisämarginaalit. Aloitusnäyttö on tumma, täysleveä kangas, jossa on jaettu sommittelu: vasemmalle tasattu serif-ylätunniste (64–88 pikseliä leveä), jonka alla on sähköpostiosoitekenttä, ja suuri tuotekäyttöliittymäkortti (kojelaudan kuvakaappaus) oikealla puolella 50 % leveydellä. Seuraavissa osioissa käytetään yksisarakkeista, keskitettyä otsikkoa (serif, 44–64 pikseliä leveä), jonka alaotsikko on Inter-kirjaimin. Sen jälkeen on kolmisarakkeiset ruudukot, joissa on kortteja ominaisuuskuvauksille/suosituksille/blogeille. Navigointi on kiinteä yläpalkki: logo vasemmalla, keskivalikko (Yritys, Tuotteet, Ratkaisut, Asiakkaat, Hinnoittelu, Usein kysytyt kysymykset), oikealle tasattu kirjautuminen (huomaamaton) ja aloitusopas (valkoisella täytetty elementti). Alatunnisteessa on tiheä viisisarakkeinen ruudukko linkkejä, joissa on yritystietoja ja lakisääteisiä ilmoituksia. Sivulla vuorottelee sisältöpitoisten ruudukko-osioiden ja koko näytön tilastojen välillä – rytmin luo sarakkeiden välinen runsas tyhjä tila eikä vuorottelevat taustavärit (koko sivu näkyy yhtenäisenä kanvaasin muodossa).
Valokuvaus on toimituksellista ja naturalistista: lämpimiä muotokuvia perustajista ja tiimin jäsenistä heidän todellisissa työympäristöissään (toimistoissa, olohuoneissa, rakennustyömailla). Kuvat täyttävät korttien kehykset reunasta reunaan ilman täytettä. Suosittelukorttien alareunassa on käytetty tummaa liukuväriä tekstin luettavuuden parantamiseksi. Estetiikka – "LinkedIn kohtaa toimituksellisen lehden" – on rento, inhimillinen ja hieman hillitty, eikä sitä ole koskaan viimeistelty kuvapankkikuvilla. Artikkelien pikkukuvat yhdistävät valokuvia kuvitettuihin konsepteihin (henkilö seisoo sokkelossa, takka rahasäkkien kanssa). Tuotteen käyttöliittymä näytetään tummassa tilassa täysin läpinäkyvästi, ja se leijuu sivun yläpuolella hienovaraisilla tummilla pinnoilla – keskeisenä elementtinä. Kuvakkeet ovat yksivärisiä, ja niissä on 1px:n viivat värillä #2e3038 tai #777a88, eikä niitä koskaan täytä brändin värillä.
Paletti
Neutraali
- Bone
#e2e3e9— Suuri fonttikoko päätekstissä, yksityiskohtaiset datatunnisteet ja vakiotekstin sävy useimmissa käyttöliittymäelementeissä. - Obsidian
#08080a— Sivun pohja, alatunnisteen tausta ja tummin pinta ovat lähes mustat ja niissä on hienovarainen sininen sävy. - Onyx
#040406— Kortin pinta, lisätausta, on visuaalisen vaikutelman aikaansaamiseksi yhden askeleen syvempi kuin sivu. - Carbon
#121317— Kohotetut paneelit, huomaamaton käyttöliittymän täyttö - ensimmäinen huomattavasti kevyempi askel Surface Stackin kehityksessä - Graphite
#1c1d22— Reunat, jakajat, kuvakesäiliöt, ohjausliukusäätimet – hienovaraisin värisävy, joka määrittelee rakenteen. - Slate
#2e3038— Lisäreunukset, vaimennetut kuvakeviivat, hienovaraiset jakajat sisältölohkojen välillä.
Typografia
13:sta 88 pikseliin · 9 vaihetta
- Ivy Presto — korvaava: Playfair Display · ääriviivat 400, 500 · Serif-fontti otsikoille ja alaotsikoille – käytetään yksinomaan otsikoissa ja osioiden otsikoissa, joiden koko on 28 pikseliä tai enemmän. Suurikontrastiset didone-viivat ja ohuet serif-viivat luovat toimituksellisen ylellisyyden tuntua; pieni positiivinen 0,01 em:n kirjainväli on epätavallinen ja antaa fontille painetun, kirjanpitomaisen ulkonäön. Tämä serif-fontti on brändin ydintunnus – se erottaa Slashin kaikista muista SaaS-fintech-yrityksistä, jotka käyttävät oletuksena geometrisia sans-serif-fontteja.
- Inter — korvaava: Inter (self-hosted via Google Fonts) · ääriviivat 300, 400, 500, 600, 700 · UI Sans – pääteksti, navigointi, painikkeet, otsikot, linkit, lomakekentät ja alaotsikot. Päätekstissä käytetään 300-fonttia huomaamattomalle toissijaiselle tekstille; 500-fonttia käytetään keskikorostetulle tekstille ja painikkeiden otsikoille; 600-fontti on varattu pienillä kirjaimilla kirjoitetuille kategorioiden otsikoille. Negatiivisten kirjainten välistys pienenee arvosta 2 (-3) ja pienenee koon pienentyessä, mikä on tyypillistä Inter-fontin optiselle skaalaukselle.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tilava |
| Perusvaihe | 8px |
| Painikkeen säde | 9999px |
| Kortin säde | 10px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 160px |
| Sivun leveys | 1216px |
Tekoäly rakentaa verkkosivustosi Slash -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ä
- Modal — Fosforoiva terminaali pimennetyssä palvelinhuoneessa - ainoa valonlähde on kirkkaanvihreä väri
- AgentQL — Revontulet terminaalin yllä yöllä
- GitHub — Avaruuskomentopaneeli bioluminesoivilla ohjauspisteillä – pimeä, tunnelmallinen työtila, jossa yksi vihreä hehku osoittaa tietä eteenpäin.
- Doppler — Holvin violetti valaistus keskiyöllä. Lähes musta kangas hehkuu yhdellä laventelinvärisellä signaalilla ja vihreällä vahvistusvalolla, jokainen pinta niin kaareva, että siihen voi tarttua.
- Basedash — Keskiyön datapääte mattafontilla. Tumma observatorio, jossa mittarit hohtavat violettina ja vihreänä, serif-otsikot leijuvat kohinan yllä ja valkoiset pillerinmuotoiset painikkeet ovat ainoat kirkkaat objektit pehmeän mustan pinnan omaavassa huoneessa.
- Superwhisper — Revontulet liukenevat keskiyön lasin ylle
- Better Stack — Keskiyön SRE-konsoli
- Langbase — Keskiyön revontulet -konsoli
- Astro — Syvän avaruuden lennonjohto, jossa yksi violetti hehku sumusta
- Wayfinder — Musta elokuvaruutu, jonka yläpuolella leijuu tuskin kuultava otsikko. Käyttöliittymä on kirkkaussäädin eikä ohjauspaneeli.
- HashiCorp — Keskiyön valvomo on violetilla neonilla valaistu tumma tekninen pinta, jossa hehkuva kuusikulmainen kuutio toimii ainoana värireferenssinä.
- Umbrel — Viihtyisä nuotiopaikka yöpalvelinhuoneessa – pimeässä huoneessa, jossa yksi persikanvärinen hehku korostaa sitä, mikä on todella tärkeää.