Slash
Volta di mezzanotte cù registri dorati
Slash funziona in una modalità di galeria di mezzanotte: una tela quasi nera, caratteri bianchi, è un unicu accentu di rame caldu chì serve da puntuazione. I tituli sò visualizati in Ivy Presto, un serif didone à altu cuntrastu utilizatu in dimensioni estreme (finu à 88px) - questu scontru di caratteri serif è sans-serif hè a firma di u sistema, dendu li una gravità finanziaria senza a gravità di intermediazione di u settore bancariu tradiziunale. U restu di l'interfaccia utente hè deliberatamente discretu: bordi sottili, cuntrolli in forma di pillola, testu di u corpu compactu di 16px, è una sottile curvatura ascendente per permette à u caratteru di respirà. Un unicu gradiente d'oru (linea di u graficu, microaccenti) aghjusta calore à u sistema monocromaticu, evocendu u bagliore caldu di un terminal Bloomberg custruitu per un publicu di design.
U cuntenutu hè largu 1216px, centratu, cù gutter verticali di 160px. A schermata iniziale hè una tela scura, à piena larghezza, cù una cumpusizione divisa: un'intestazione serif allineata à manca (64-88px di larghezza) cù un campu d'indirizzu email sottu, è una grande carta UI di u produttu (una screenshot di u dashboard) à diritta à 50% di larghezza. E sezzioni successive utilizanu un'intestazione centrata à una sola colonna (serif, 44-64px di larghezza) cù un sottutìtulu in Inter, seguita da griglie di trè colonne di carte per descrizzioni di e funzioni/testimunianze/blog. A navigazione hè una barra superiore fissa: logu à manca, menu centrale (Cumpagnia, Prodotti, Soluzioni, Clienti, Prezzi, FAQ), login allineatu à diritta (pocu visibile) è principiu (elementu pienu di biancu). U piè di pagina presenta una densa griglia di cinque colonne di ligami cù informazioni nantu à a cumpagnia è avvisi legali. A pagina alterna trà sezzioni di griglia ricche di cuntenutu è statistiche à schermu pienu - u ritmu hè stabilitu da u generosu spaziu biancu trà e colonne piuttostu chè da l'alternanza di i culori di fondu (tutta a pagina hè presentata cum'è una sola tela unificata).
A fotografia hè editoriale è naturalistica: ritratti caldi di i fundatori è di i membri di a squadra in i so ambienti di travagliu reali (uffizii, salotti, cantieri). L'imagine riempienu i quadri di e carte da punta à punta, senza imbottitura. Un gradiente scuru hè utilizatu in fondu à e carte di testimonianza per migliurà a leggibilità di u testu. L'estetica - "LinkedIn incontra a rivista editoriale" - hè casuale, umana è ligeramente smorzata, mai lucidata cù fotografie di stock. E miniature di l'articuli combinanu fotografie cù cuncetti illustrati (una persona in piedi in un labirintu, un caminu cù sacchi di soldi). L'interfaccia utente di u pruduttu hè visualizata in modalità scura cù piena opacità, chì passa sopra a pagina nantu à superfici scure suttili - un elementu cintrali. L'icone sò monocrome cù tratti di 1px in #2e3038 o #777a88, mai riempite cù u culore di a marca.
Paletta
Neutru
- Bone
#e2e3e9— Dimensione di carattere grande per u testu primariu, etichette di dati dettagliate è un tonu di testu standard in a maiò parte di l'elementi di l'interfaccia utente. - Obsidian
#08080a— A tela di a pagina, u fondu di u piè di pagina, a superficia a più scura hè guasi nera cù una tinta blu suttile. - Onyx
#040406— A superficia di a carta, u sfondate supplementu, hè un passu più prufonda chè a pagina per un effettu visuale. - Carbon
#121317— Pannelli rialzati, riempimentu di l'interfaccia utente discretu - u primu passu notevolmente più ligeru in l'evoluzione di Surface Stack - Graphite
#1c1d22— Bordi, divisori, cuntenitori d'icone, cursori di cuntrollu - a tonalità di culore più suttile chì definisce a struttura. - Slate
#2e3038— Bordi supplementari, linee d'icone attenuate, divisori suttili trà i blocchi di cuntenutu.
Tipografia
da 13 à 88px · 9 passi
- Ivy Presto — rimpiazzamentu: Playfair Display · contorni 400, 500 · Un carattere serif per i tituli è i sottutìtuli - adupratu esclusivamente per i tituli è i tituli di sezioni à 28px è più. I tratti di didone à altu cuntrastu cù serif fini creanu un sensu di lussu editoriale; a piccula spaziatura pusitiva di e lettere di 0,01em hè insolita è dà à u carattere un aspettu stampatu, simile à a contabilità. Stu carattere serif hè a carta di visita principale di a marca - distingue Slash da tutte l'altre cumpagnie fintech SaaS chì utilizanu per difettu caratteri sans-serif geometrichi.
- Inter — rimpiazzamentu: Inter (self-hosted via Google Fonts) · contorni 300, 400, 500, 600, 700 · UI Sans—testu principale, navigazione, buttoni, etichette, ligami, campi di furmulariu è sottutìtuli. U testu principale usa un caratteru 300 per un testu secundariu discretu; 500 hè adupratu per u testu à enfasi media è l'etichette di i buttoni; 600 hè riservatu per l'etichette di categuria scritte in maiuscule. A spaziatura negativa di e lettere diminuisce da 2 (-3) è diminuisce à misura chì a dimensione diminuisce, ciò chì hè tipicu di a scalatura ottica di u caratteru Inter.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | spaziosu |
| Passu basicu | 8px |
| Raggiu di u buttone | 9999px |
| Raggiu di a carta | 10px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 160px |
| Larghezza di a pagina | 1216px |
L'IA custruisce u vostru situ web in stile Slash è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Modal — Un terminale fosforescente in una stanza di servitori scura - l'unica fonte di luce hè un culore verde brillanti
- AgentQL — Aurora boreale sopra u terminal di notte
- GitHub — Un pannellu di cummandu spaziale cù punti di cuntrollu bioluminescenti - un spaziu di travagliu scuru è atmosfericu induve un unicu bagliore verde indica a strada da seguità.
- Doppler — L'illuminazione viola di a volta à mezanotte. A tela quasi nera brilla cù un solu signale lavanda è una luce di cunferma verde, ogni superficia curva abbastanza per esse afferrata.
- Basedash — Un terminal di dati di mezzanotte cù caratteri opachi. Un osservatoriu scuru induve e metriche brillanu di viulettu è di verde, i tituli serif flottanu sopra u rumore, è i buttoni bianchi in forma di pillola sò l'unichi oggetti luminosi in una stanza di superfici nere morbide.
- Superwhisper — L'aurora boreale si scioglie sopra u vetru di mezzanotte
- Better Stack — Cunsola SRE di mezzanotte
- Langbase — Cunsola Midnight Northern Lights
- Astro — Deep Space Mission Control cù un unicu bagliore viola da una nebulosa
- Wayfinder — Un schermu di filmu neru cù un titulu appena audibile chì si trova sopra una illustrazione in diretta. L'interfaccia hè un cursore di luminosità piuttostu chè un pannellu di cuntrollu.
- HashiCorp — A sala di cuntrollu à mezanotte cù neon viola hè una superficia tecnica scura induve un cubu esagonale luminosu serve cum'è unica riferenza di culore.
- Umbrel — Un focu accogliente in a stanza di i servitori di notte - una stanza scura induve un solu bagliore pesca mette in risaltu ciò chì hè veramente impurtante.