Slash
Ponoćni trezor sa pozlaćenim knjigama
Slash radi u režimu ponoćne galerije: gotovo crno platno, bijeli font i jedan topli bakreni akcenat koji služi kao interpunkcija. Naslovi se prikazuju u Ivy Presto, visokokontrastnom didone serif fontu koji se koristi u ekstremnim veličinama (do 88px) - ovaj sukob serifnih i sans-serif fontova je zaštitni znak sistema, dajući mu finansijsku težinu bez brokerske težine tradicionalnog bankarstva. Ostatak korisničkog interfejsa je namjerno suptilan: tanki okviri, kontrole u obliku tablete, kompaktan tekst od 16px i suptilni zamah prema gore kako bi font mogao disati. Jedan zlatni gradijent (linija grafikona, mikroakcenti) dodaje toplinu monohromatskom sistemu, evocirajući topli sjaj Bloomberg terminala napravljenog za dizajnersku publiku.
Sadržaj je širok 1216px, centriran, sa vertikalnim rubovima od 160px. Početni ekran je tamno platno pune širine sa podijeljenom kompozicijom: serifni zaglavlje poravnato lijevo (64–88px širine) sa poljem za email adresu ispod i velikom karticom korisničkog interfejsa proizvoda (snimak ekrana kontrolne table) sa desne strane na 50% širine. Naknadni odjeljci koriste zaglavlje sa jednom kolonom, centrirano (serif, širine 44–64px) sa podnaslovom u Inter stilu, nakon čega slijede mreže kartica sa tri kolone za opise funkcija/svjedočanstva/blogove. Navigacija je fiksna gornja traka: logo sa lijeve strane, centralni meni (Kompanija, Proizvodi, Rješenja, Klijenti, Cijene, Često postavljana pitanja), prijava poravnata desno (neupadljiva) i početak (element ispunjen bijelim bojama). Podnožje sadrži gustu mrežu sa pet kolona linkova sa informacijama o kompaniji i pravnim obavještenjima. Stranica se izmjenjuje između odjeljaka mreže bogate sadržajem i statistike preko cijelog ekrana - ritam se uspostavlja velikodušnim bijelim prostorom između kolona, a ne naizmjeničnim bojama pozadine (cijela stranica je predstavljena kao jedno, ujedinjeno platno).
Fotografija je urednička i naturalistička: topli portreti osnivača i članova tima u njihovim stvarnim radnim okruženjima (kancelarije, dnevne sobe, gradilišta). Slike ispunjavaju okvire kartica od ruba do ruba, bez ikakvog međuprostora. Tamni gradijent se koristi na dnu kartica sa svjedočanstvima 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 kombinuju fotografije sa ilustrovanim konceptima (osoba koja stoji u lavirintu, kamin sa vrećama novca). Korisnički interfejs proizvoda se prikazuje u tamnom režimu sa punom neprozirnošću, lebdeći iznad stranice na suptilnim tamnim površinama - centralnom elementu. Ikone su monohromatske sa 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 interfejsa. - Obsidian
#08080a— Platno stranice, pozadina podnožja, najtamnija površina je gotovo crna sa suptilnom 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— Okviri, razdjelnici, kontejneri za ikone, kontrolni klizači - najsuptilnija nijansa boje koja definira strukturu. - Slate
#2e3038— Dodatni okviri, 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 štampani, računovodstveni izgled. Ovaj serifni font je glavna posjetna karta brenda – on razlikuje Slash od svih ostalih SaaS fintech kompanija 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, dugmad, oznake, linkovi, polja obrasca i podnaslovi. Glavni tekst koristi font veličine 300 za neupadljiv sekundarni tekst; 500 se koristi za tekst srednjeg naglaska i oznake dugmadi; 600 je rezervisano za oznake kategorija napisane malim velikim slovima. Negativni razmak između slova se smanjuje od 2 (-3) i smanjuje se sa smanjenjem veličine, što je tipično za optičko skaliranje Inter fonta.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 10px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 160px |
| Širina stranice | 1216px |
Vještačka inteligencija će izgraditi vašu web stranicu u Slash stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage 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 tačkama - taman, atmosferski radni prostor gdje jedan zeleni sjaj pokazuje put naprijed.
- Doppler — Ljubičasto osvjetljenje trezora u ponoć. Gotovo crno platno svijetli jednim signalom boje lavande i zelenim svjetlom za potvrdu, svaka površina je dovoljno zakrivljena da se može uhvatiti.
- Basedash — Ponoćni podatkovni terminal s mat fontom. Mračna opservatorija gdje metrike svijetle ljubičasto i zeleno, serifni naslovi lebde iznad buke, a bijela dugmad 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 anarhijska svjetlost
- Astro — Kontrola misije dubokog svemira s jednim ljubičastim sjajem iz magline
- Wayfinder — Crni filmski ekran sa jedva čujnim naslovom koji lebdi iznad žive ilustracije. Interfejs je klizač za podešavanje svjetline, a ne kontrolna ploča.
- HashiCorp — Kontrolna soba u ponoć s ljubičastim neonom je tamna tehnička površina gdje sjajna heksagonalna 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.