Slash

Boltă de la miezul nopții cu registre aurite

Slash funcționează într-un mod galerie de culoarea nopții: o pânză aproape neagră, font alb și un singur accent cald de cupru care servește drept punctuație. Titlurile sunt afișate în Ivy Presto, un font serif didone cu contrast ridicat, utilizat în dimensiuni extreme (până la 88px) - această ciocnire de fonturi serif și sans-serif este semnătura sistemului, conferindu-i o gravitate financiară fără gravitatea de brokeraj a sistemului bancar tradițional. Restul interfeței utilizator este deliberat subtilă: chenar subțire, comenzi în formă de pastilă, text compact de 16px și o curbă ascendentă subtilă pentru a permite fontului să respire. Un singur gradient auriu (linie de diagramă, microaccente) adaugă căldură sistemului monocrom, evocând strălucirea caldă a unui terminal Bloomberg construit pentru un public de design.

Conținutul are o lățime de 1216px, este centrat, cu margini verticale de 160px. Ecranul principal este o pânză închisă la culoare, pe toată lățimea, cu o compoziție divizată: un antet serif aliniat la stânga (64–88px lățime) cu un câmp pentru adresă de e-mail dedesubt și un card mare pentru interfața produsului (o captură de ecran a tabloului de bord) în dreapta, la o lățime de 50%. Secțiunile ulterioare utilizează un antet centrat, pe o singură coloană (serif, 44–64px lățime) cu un subtitlu în Inter, urmat de grile pe trei coloane cu carduri pentru descrieri de caracteristici/mărturii/bloguri. Navigarea este o bară superioară fixă: sigla în stânga, meniul central (Companie, Produse, Soluții, Clienți, Prețuri, Întrebări frecvente), autentificare aliniată la dreapta (discretă) și introducere (element umplut cu alb). Subsolul prezintă o grilă densă pe cinci coloane cu linkuri cu informații despre companie și notificări legale. Pagina alternează între secțiuni de grilă bogate în conținut și statistici pe tot ecranul — ritmul este stabilit de spațiul alb generos dintre coloane, mai degrabă decât de alternarea culorilor de fundal (întreaga pagină este prezentată ca o singură pânză unificată).

Fotografia este editorială și naturalistă: portrete calde ale fondatorilor și membrilor echipei în mediile lor de lucru reale (birouri, camere de zi, șantiere). Imaginile umplu ramele cardurilor de la o margine la alta, fără umplere. Un gradient închis este folosit în partea de jos a cardurilor cu testimoniale pentru a îmbunătăți lizibilitatea textului. Estetica - „LinkedIn întâlnește revista editorială” - este casuală, umană și ușor discretă, niciodată rafinată cu fotografii de stoc. Miniaturile articolelor combină fotografii cu concepte ilustrate (o persoană care stă într-un labirint, un șemineu cu saci de bani). Interfața produsului este afișată în modul întunecat cu opacitate completă, plutind deasupra paginii pe suprafețe subtil întunecate - un element central. Pictogramele sunt monocrome cu linii de 1px în #2e3038 sau #777a88, niciodată umplute cu culoarea mărcii.

Întuneric SaaS pur Gradienți moi Monocrom

https://www.slash.com

Paletă

Neutru

Bone #e2e3e9 — Dimensiune mare a fontului pentru textul principal, etichete de date detaliate și un ton standard al textului pentru majoritatea elementelor interfeței utilizator.
Obsidian #08080a — Pânza paginii, fundalul subsolului, suprafața cea mai închisă este aproape neagră, cu o subtilă nuanță albastră.
Onyx #040406 — Suprafața cărții de vizită, fundalul suplimentar, este cu un pas mai adâncă decât pagina pentru un efect vizual.
Carbon #121317 — Panouri în relief, umplere discretă a interfeței utilizator - primul pas vizibil mai ușor în evoluția Surface Stack
Graphite #1c1d22 — Borduri, separatoare, containere de pictograme, cursoare de control - cea mai subtilă nuanță de culoare care definește structura.
Slate #2e3038 — Borduri suplimentare, linii de pictograme estompate, separatoare subtile între blocurile de conținut.

Tipografie

de la 13 la 88px · 9 pași

Ivy Presto — înlocuire: Playfair Display · contururi 400, 500 · Un font serif pentru titluri și subtitluri - folosit exclusiv pentru titluri și titluri de secțiuni la 28px și peste. Liniile didone cu contrast ridicat și serif-urile subțiri creează o senzație de lux editorial; spațierea pozitivă mică între litere de 0,01 em este neobișnuită și conferă fontului un aspect tipărit, asemănător contabilității. Acest font serif este cartea de vizită principală a mărcii - distinge Slash de toate celelalte companii SaaS fintech care utilizează implicit fonturi geometrice sans-serif.
Inter — înlocuire: Inter (self-hosted via Google Fonts) · contururi 300, 400, 500, 600, 700 · UI Sans — text principal, navigare, butoane, etichete, linkuri, câmpuri de formular și subtitluri. Textul principal folosește un font 300 pentru text secundar discret; 500 este folosit pentru text cu accent mediu și etichete de butoane; 600 este rezervat pentru etichetele de categorii scrise cu majuscule mici. Spațierea negativă a literelor scade de la 2 (-3) și scade pe măsură ce dimensiunea scade, ceea ce este tipic pentru scalarea optică a fontului Inter.

Intervale și formă

Scop	Sens
Densitate	spațios
Pasul de bază	8px
Raza butonului	9999px
Raza cardului	10px
Umbre	fără - margini în loc de umbre
Între secțiuni	160px
Lățimea paginii	1216px

Inteligența artificială vă va construi site-ul web în stilul Slash și îl va completa

Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
Transferați conținut de pe vechiul site - specificați doar adresa.
Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.

Creați un site web în acest stil

Stiluri similare

Modal — Un terminal fosforescent într-o cameră de servere întunecată - singura sursă de lumină este o culoare verde strălucitor
AgentQL — Aurora boreală deasupra terminalului noaptea
GitHub — Un panou de comandă spațială cu puncte de control bioluminescente — un spațiu de lucru întunecat și atmosferic, unde o singură strălucire verde indică drumul înainte.
Doppler — Iluminarea violetă a seifului la miezul nopții. Pânza aproape neagră strălucește cu un singur semnal lavandă și o lumină verde de confirmare, fiecare suprafață fiind suficient de curbată pentru a fi apucată.
Basedash — Un terminal de date de la miezul nopții cu font mat. Un observator întunecat unde indicatorii de performanță strălucesc violet și verde, titlurile cu serife plutesc deasupra zgomotului, iar butoanele albe în formă de pastilă sunt singurele obiecte luminoase într-o cameră cu suprafețe negre și moi.
Superwhisper — Aurora boreală se dizolvă peste paharul de la miezul nopții
Better Stack — Consola SRE de la miezul nopții
Langbase — Consola Midnight Northern Lights
Astro — Centrul de Control al Misiunii Spațiale Deep Space cu o singură strălucire violetă provenită de la o nebuloasă
Wayfinder — Un ecran de film negru cu un titlu abia auzit care plutește deasupra unei ilustrații live. Interfața este un cursor de luminozitate, mai degrabă decât un panou de control.
HashiCorp — Camera de control la miezul nopții, cu neon violet, este o suprafață tehnică întunecată, unde un cub hexagonal strălucitor servește drept singura referință de culoare.
Umbrel — Un foc de tabără confortabil în camera serverelor de noapte - o cameră întunecată unde o singură strălucire deschisă la culoare evidențiază ceea ce este cu adevărat important.