Slash
Ponoćni trezor s pozlaćenim knjigama
Slash radi u načinu rada ponoćne galerije: gotovo crno platno, bijeli tip i jedan topli bakreni naglasak koji služi kao interpunkcija. Naslovi se prikazuju u Ivy Presto, visokokontrastnom didone serifnom fontu koji se koristi u ekstremnim veličinama (do 88px) - ovaj sukob serifnih i sans-serifnih fontova je potpis sustava, dajući mu financijsku težinu bez brokerske težine tradicionalnog bankarstva. Ostatak korisničkog sučelja je namjerno decentan: tanki obrubi, kontrole u obliku tablete, kompaktni tekst od 16px i suptilni zamah prema gore kako bi tip mogao disati. Jedan zlatni gradijent (linija grafikona, mikronaglasci) dodaje toplinu monokromatskom sustavu, evocirajući topli sjaj Bloomberg terminala izgrađenog za dizajnersku publiku.
Sadržaj je širok 1216 piksela, centriran, s okomitim rubovima od 160 piksela. Početni zaslon je tamno platno pune širine s podijeljenom kompozicijom: lijevo poravnato serifno zaglavlje (64–88 piksela širine) s poljem za adresu e-pošte ispod i velikom karticom korisničkog sučelja proizvoda (snimka zaslona nadzorne ploče) s desne strane na 50% širine. Sljedeći odjeljci koriste jednostupno, centrirano zaglavlje (serifno, širine 44–64 piksela) s podnaslovom u Interu, nakon čega slijede mreže kartica s tri stupca za opise značajki/svjedočanstva/blogove. Navigacija je fiksna gornja traka: logotip s lijeve strane, središnji izbornik (Tvrtka, Proizvodi, Rješenja, Klijenti, Cijene, Često postavljana pitanja), desno poravnata prijava (neupadljivo) i početak rada (bijelo ispunjen element). Podnožje sadrži gustu mrežu s pet stupaca s poveznicama s informacijama o tvrtki i pravnim obavijestima. Stranica se izmjenjuje između odjeljaka mreže bogate sadržajem i statistika preko cijelog zaslona - ritam se uspostavlja velikodušnim bijelim prostorom između stupaca, a ne izmjenom boja pozadine (cijela stranica je prikazana kao jedno, ujedinjeno platno).
Fotografija je urednička i naturalistička: topli portreti osnivača i članova tima u njihovim stvarnim radnim okruženjima (uredi, dnevni boravci, gradilišta). Slike ispunjavaju okvire kartica od ruba do ruba, bez ikakvog unutarnjeg ruba. Na dnu kartica s preporukama koristi se tamni gradijent kako bi se poboljšala čitljivost teksta. Estetika - "LinkedIn susreće urednički časopis" - je ležerna, ljudska i blago prigušena, nikada nije dotjerana stock fotografijama. Sličice članaka kombiniraju fotografije s ilustriranim konceptima (osoba koja stoji u labirintu, kamin s vrećama novca). Korisničko sučelje proizvoda prikazuje se u tamnom načinu rada s punom neprozirnošću, lebdeći iznad stranice na suptilnim tamnim površinama - središnjem elementu. Ikone su monokromatske s potezima od 1px u boji #2e3038 ili #777a88, nikada nisu ispunjene bojom brenda.
Paleta
Neutralno
- Bone
#e2e3e9— Velika veličina fonta za primarni tekst, detaljne oznake podataka i standardni ton teksta za većinu elemenata korisničkog sučelja. - Obsidian
#08080a— Platno stranice, pozadina podnožja, najtamnija površina gotovo je crna s blago plavom nijansom. - Onyx
#040406— Površina kartice, dodatna pozadina, je za jedan korak dublja od stranice radi vizualnog efekta. - Carbon
#121317— Podignute ploče, neupadljivo UI ispunjavanje - prvi primjetno lakši korak u evoluciji Surface Stacka - Graphite
#1c1d22— Obrubi, razdjelnici, spremnici ikona, kontrolni klizači - najsuptilnija nijansa boje koja definira strukturu. - Slate
#2e3038— Dodatni obrubi, prigušene linije ikona, suptilni razdjelnici između blokova sadržaja.
Tipografija
od 13 do 88px · 9 koraka
- Ivy Presto — zamjena: Playfair Display · obrisi 400, 500 · Serifni font za naslove i podnaslove - koristi se isključivo za naslove i naslove odjeljaka veličine 28px i više. Visokokontrastni didonski potezi s tankim serifima stvaraju osjećaj uredničkog luksuza; mali pozitivni razmak između slova od 0,01em je neobičan i daje fontu tiskani, računovodstveni izgled. Ovaj serifni font je glavna posjetnica brenda - razlikuje Slash od svih ostalih SaaS fintech tvrtki koje standardno koriste geometrijske sans-serifne fontove.
- Inter — zamjena: Inter (self-hosted via Google Fonts) · obrisi 300, 400, 500, 600, 700 · UI Sans - glavni tekst, navigacija, gumbi, oznake, poveznice, polja obrasca i podnaslovi. Glavni tekst koristi font veličine 300 za neupadljiv sekundarni tekst; 500 se koristi za tekst srednjeg naglaska i oznake gumba; 600 je rezervirano za oznake kategorija napisane malim velikim slovima. Negativni razmak između slova smanjuje se od 2 (-3) i smanjuje se sa smanjenjem veličine, što je tipično za optičko skaliranje fonta Inter.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus gumba | 9999px |
| Radijus kartice | 10px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 160px |
| Širina stranice | 1216px |
Umjetna inteligencija će izraditi vašu web stranicu u Slash stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Modal — Fosforescentni terminal u zamračenoj serverskoj sobi - jedini izvor svjetlosti je jarko zelene boje
- AgentQL — Sjeverna svjetlost iznad terminala noću
- GitHub — Svemirska komandna ploča s bioluminiscentnim kontrolnim točkama - taman, atmosferski radni prostor gdje jedan zeleni sjaj pokazuje put naprijed.
- Doppler — Ljubičasto osvjetljenje trezora u ponoć. Gotovo crno platno svijetli jednim lavandinim signalom i zelenim svjetlom potvrde, svaka površina dovoljno zakrivljena da se može uhvatiti.
- Basedash — Ponoćni podatkovni terminal s mat fontom. Mračni opservatorij gdje metrike svijetle ljubičasto i zeleno, serifni naslovi lebde iznad buke, a bijeli gumbi u obliku tableta jedini su svijetli objekti u sobi s mekim crnim površinama.
- Superwhisper — Sjeverna svjetla se rastvaraju nad ponoćnim staklom
- Better Stack — Ponoćna SRE konzola
- Langbase — Konzola Ponoćna sjeverna svjetla
- Astro — Kontrola misije dubokog svemira s jednim ljubičastim sjajem iz maglice
- Wayfinder — Crni filmski ekran s jedva čujnim naslovom koji lebdi iznad žive ilustracije. Sučelje je klizač za svjetlinu, a ne upravljačka ploča.
- HashiCorp — Kontrolna soba u ponoć s ljubičastim neonom je tamna tehnička površina gdje svjetleća šesterokutna kocka služi kao jedina referenca boje.
- Umbrel — Ugodno ognjište u noćnoj serverskoj sobi - mračnoj sobi u kojoj jedan breskvasti sjaj ističe ono što je zaista važno.