Slash
Polnočni trezor z pozlačenimi knjigami
Slash deluje v načinu polnočne galerije: skoraj črno platno, bela pisava in en sam topel bakren poudarek, ki služi kot ločilo. Naslovi so prikazani v Ivy Presto, visokokontrastni serifni pisavi z dvojnim serifom, ki se uporablja v ekstremnih velikostih (do 88 slikovnih pik) – ta spopad serifnih in brezserifnih pisav je značilnost sistema, ki mu daje finančno težo brez posredniške teže tradicionalnega bančništva. Preostali del uporabniškega vmesnika je namerno podcenjen: tanke obrobe, krmilniki v obliki tablete, kompaktno 16-pikselno besedilo in subtilen dvig navzgor, ki omogoča, da pisava diha. En sam zlati gradient (črta grafikona, mikro poudarki) doda toplino enobarvnemu sistemu in prikliče topel sijaj Bloombergovega terminala, zgrajenega za oblikovalsko občinstvo.
Vsebina je široka 1216 slikovnih pik, centrirana, z navpičnimi žlebovi širine 160 slikovnih pik. Začetni zaslon je temno platno polne širine z razdeljeno kompozicijo: levo poravnana serifna glava (širine 64–88 slikovnih pik) s poljem za e-poštni naslov spodaj in velika kartica uporabniškega vmesnika izdelka (posnetek zaslona nadzorne plošče) na desni s 50 % širine. Nadaljnji razdelki uporabljajo enostolpčno, centrirano glavo (serifna, širine 44–64 slikovnih pik) s podnaslovom v Interu, ki mu sledijo tristolpčne mreže kartic za opise funkcij/pričevanja/blog. Navigacija je fiksna zgornja vrstica: logotip na levi, osrednji meni (Podjetje, Izdelki, Rešitve, Stranke, Cenik, Pogosta vprašanja), desno poravnana prijava (neopazno) in začetek (belo zapolnjen element). Noga ima gosto petstolpčno mrežo povezav s podatki o podjetju in pravnimi obvestili. Na strani se izmenjujejo razdelki mreže, bogate z vsebino, in celozaslonski statistični podatki – ritem določa velikodušen bel prostor med stolpci in ne izmenjujoče se barve ozadja (celotna stran je predstavljena kot eno samo platno).
Fotografija je uredniška in naturalistična: topli portreti ustanoviteljev in članov ekipe v njihovih resničnih delovnih okoljih (pisarne, dnevne sobe, gradbišča). Slike zapolnjujejo okvirje kartic od roba do roba, brez obrob. Na dnu kartic s pričevanji je uporabljen temen gradient za boljšo berljivost besedila. Estetika –»LinkedIn sreča uredniško revijo« – je sproščena, človeška in rahlo umirjena, nikoli ni izpopolnjena z stock fotografijami. Sličice člankov združujejo fotografije z ilustriranimi koncepti (oseba, ki stoji v labirintu, kamin z vrečami denarja). Uporabniški vmesnik izdelka je prikazan v temnem načinu s popolno neprozornostjo, lebdi nad stranjo na subtilnih temnih površinah – osrednjem elementu. Ikone so enobarvne z 1px potezami v barvi #2e3038 ali #777a88, nikoli niso zapolnjene z barvo blagovne znamke.
Paleta
Nevtralno
- Bone
#e2e3e9— Velika velikost pisave za glavno besedilo, podrobne oznake podatkov in standardni ton besedila za večino elementov uporabniškega vmesnika. - Obsidian
#08080a— Platno strani, ozadje noge, najtemnejša površina so skoraj črne z nežnim modrim odtenkom. - Onyx
#040406— Površina kartice, dodatno ozadje, je zaradi vizualnega učinka za en korak globlja od strani. - Carbon
#121317— Dvignjene plošče, nevsiljivo polnilo uporabniškega vmesnika - prvi opazno lažji korak v evoluciji Surface Stacka - Graphite
#1c1d22— Obrobe, razdelilniki, vsebniki ikon, drsniki – najsubtilnejši odtenek barve, ki določa strukturo. - Slate
#2e3038— Dodatne obrobe, utišane črte ikon, subtilni razdelilniki med bloki vsebine.
Tipografija
od 13 do 88 slikovnih pik · 9 korakov
- Ivy Presto — zamenjava: Playfair Display · obrisi 400, 500 · Serifna pisava za naslove in podnaslove – uporablja se izključno za naslove in naslove razdelkov z velikostjo 28 slikovnih pik in več. Visokokontrastne didon poteze s tankimi serifi ustvarjajo občutek uredniškega razkošja; majhen pozitiven razmik med črkami 0,01 em je nenavaden in daje pisavi tiskan, računovodski videz. Ta serifna pisava je glavna vizitka blagovne znamke – Slash se po njej razlikuje od vseh drugih fintech podjetij SaaS, ki privzeto uporabljajo geometrijske sans-serifne pisave.
- Inter — zamenjava: Inter (self-hosted via Google Fonts) · obrisi 300, 400, 500, 600, 700 · UI Sans – glavno besedilo, navigacija, gumbi, oznake, povezave, polja obrazcev in podnaslovi. Glavno besedilo uporablja pisavo velikosti 300 za nevsiljivo sekundarno besedilo; 500 se uporablja za besedilo s srednjim poudarkom in oznake gumbov; 600 je rezerviranih za oznake kategorij, napisane z malimi velikimi črkami. Negativni razmik med črkami se zmanjša od 2 (-3) in se zmanjša z zmanjšanjem velikosti, kar je značilno za optično skaliranje pisave Inter.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | prostoren |
| Osnovni korak | 8px |
| Polmer gumba | 9999px |
| Polmer kartice | 10px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 160px |
| Širina strani | 1216px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Slash in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Modal — Fosforescentni terminal v zatemnjeni strežniški sobi - edini vir svetlobe je svetlo zelene barve
- AgentQL — Severni sij nad terminalom ponoči
- GitHub — Vesoljska komandna plošča z bioluminiscenčnimi kontrolnimi točkami – temen, atmosferski delovni prostor, kjer en sam zelen sij kaže pot naprej.
- Doppler — Vijolična osvetlitev trezorja ob polnoči. Skoraj črno platno žari z enim samim sivkinim signalom in zeleno potrditveno lučjo, vsaka površina pa je dovolj ukrivljena, da jo je mogoče oprijeti.
- Basedash — Polnočni podatkovni terminal z mat pisavo. Temna opazovalnica, kjer metrike žarijo vijolično in zeleno, serifni naslovi lebdijo nad hrupom, beli gumbi v obliki tablet pa so edini svetli predmeti v sobi z mehkimi črnimi površinami.
- Superwhisper — Severni sij se razblini nad polnočnim steklom
- Better Stack — Konzola polnočne SRE
- Langbase — Konzola polnočnega severnega sija
- Astro — Nadzor misije v globokem vesolju z enim samim vijoličnim sijem iz meglice
- Wayfinder — Črno filmsko platno s komaj slišnim naslovom, ki lebdi nad živo ilustracijo. Vmesnik je drsnik za svetlost in ne nadzorna plošča.
- HashiCorp — Kontrolna soba ob polnoči z vijoličnim neonom je temna tehnična površina, kjer žareča šesterokotna kocka služi kot edina barvna referenca.
- Umbrel — Prijetno ognjišče v nočni strežniški sobi – temna soba, kjer en sam breskev sij poudarja tisto, kar je resnično pomembno.