Slash
Cripta di mezzanotte con registri dorati
Slash opera in una modalità galleria notturna: una tela quasi nera, testo bianco e un singolo accento color rame caldo che funge da punteggiatura. I titoli sono visualizzati in Ivy Presto, un carattere serif didone ad alto contrasto utilizzato in dimensioni estreme (fino a 88px): questo contrasto tra caratteri serif e sans-serif è il segno distintivo del sistema, che gli conferisce un'autorevolezza finanziaria senza la serietà tipica delle banche tradizionali. Il resto dell'interfaccia utente è volutamente sobrio: bordi sottili, controlli a forma di pillola, testo del corpo compatto da 16px e una leggera curvatura verso l'alto per dare respiro al testo. Un singolo gradiente dorato (linea del grafico, microaccenti) aggiunge calore al sistema monocromatico, evocando il caldo bagliore di un terminale Bloomberg progettato per un pubblico di designer.
Il contenuto è largo 1216px, centrato, con margini verticali di 160px. La schermata iniziale è una tela scura a tutta larghezza con una composizione divisa: un'intestazione serif allineata a sinistra (64-88px di larghezza) con un campo per l'indirizzo email sottostante e una grande scheda dell'interfaccia utente del prodotto (uno screenshot della dashboard) a destra con una larghezza del 50%. Le sezioni successive utilizzano un'intestazione centrata a colonna singola (serif, 44-64px di larghezza) con un sottotitolo in Inter, seguita da griglie a tre colonne di schede per descrizioni delle funzionalità/testimonianze/blog. La navigazione è costituita da una barra superiore fissa: logo a sinistra, menu centrale (Azienda, Prodotti, Soluzioni, Clienti, Prezzi, FAQ), login allineato a destra (discreto) e "Per iniziare" (elemento riempito di bianco). Il piè di pagina presenta una fitta griglia a cinque colonne di link con informazioni sull'azienda e note legali. La pagina alterna sezioni a griglia ricche di contenuti a statistiche a schermo intero: il ritmo è scandito dall'ampio spazio bianco tra le colonne piuttosto che dall'alternanza dei colori di sfondo (l'intera pagina è presentata come un'unica tela uniforme).
La fotografia è di stampo editoriale e naturalistico: ritratti calorosi dei fondatori e dei membri del team nei loro ambienti di lavoro reali (uffici, salotti, cantieri). Le immagini riempiono completamente le cornici delle schede, senza margini. Un gradiente scuro è utilizzato nella parte inferiore delle schede con le testimonianze per migliorare la leggibilità del testo. L'estetica – "LinkedIn incontra una rivista editoriale" – è informale, umana e leggermente smorzata, mai patinata con immagini di repertorio. Le miniature degli articoli combinano fotografie con concetti illustrati (una persona in un labirinto, un camino con sacchi di denaro). L'interfaccia utente del prodotto è visualizzata in modalità scura con opacità completa, sospesa sopra la pagina su sottili superfici scure: un elemento centrale. Le icone sono monocromatiche con tratti di 1 pixel in #2e3038 o #777a88, mai riempite con il colore del marchio.
Tavolozza
Neutro
- Bone
#e2e3e9— Caratteri di grandi dimensioni per il testo principale, etichette con dati dettagliati e un tono di testo standardizzato per la maggior parte degli elementi dell'interfaccia utente. - Obsidian
#08080a— La tela della pagina, lo sfondo del piè di pagina, la superficie più scura è quasi nera con una sottile sfumatura blu. - Onyx
#040406— La superficie della carta, lo sfondo aggiuntivo, è leggermente più profonda rispetto alla pagina per un effetto visivo. - Carbon
#121317— Pannelli rialzati, interfaccia utente discreta: il primo passo sensibilmente più leggero nell'evoluzione di Surface Stack. - Graphite
#1c1d22— Bordi, divisori, contenitori di icone, cursori di controllo: la più sottile sfumatura di colore che definisce la struttura. - Slate
#2e3038— Bordi aggiuntivi, linee delle icone attenuate, divisori sottili tra i blocchi di contenuto.
Tipografia
da 13 a 88px · 9 passaggi
- Ivy Presto — sostituzione: Playfair Display · contorni 400, 500 · Un font serif per titoli e sottotitoli, utilizzato esclusivamente per titoli e intestazioni di sezione a partire da 28px. I tratti didone ad alto contrasto con grazie sottili creano un senso di lusso editoriale; la piccola spaziatura positiva tra le lettere di 0,01em è insolita e conferisce al font un aspetto stampato, simile a quello di un testo contabile. Questo font serif è il biglietto da visita principale del marchio: distingue Slash da tutte le altre aziende fintech SaaS che utilizzano di default font sans-serif geometrici.
- Inter — sostituzione: Inter (self-hosted via Google Fonts) · contorni 300, 400, 500, 600, 700 · UI Sans: testo principale, navigazione, pulsanti, etichette, link, campi modulo e sottotitoli. Il testo principale utilizza un font 300 per il testo secondario discreto; 500 è utilizzato per il testo con enfasi media e per le etichette dei pulsanti; 600 è riservato alle etichette di categoria scritte in maiuscoletto. La spaziatura negativa tra le lettere diminuisce da 2 (-3) e diminuisce con la diminuzione della dimensione, come tipico del ridimensionamento ottico del font Inter.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | spazioso |
| Passo base | 8px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 10px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 160px |
| Larghezza del pannello | 1216px |
L'IA creerà il tuo sito web nello stile Slash e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Modal — Un terminale fosforescente in una sala server buia: l'unica fonte di luce è di un verde brillante.
- AgentQL — Aurora boreale sopra il terminal di notte
- GitHub — Un pannello di controllo spaziale con punti di controllo bioluminescenti: uno spazio di lavoro buio e suggestivo dove un singolo bagliore verde indica la strada da seguire.
- Doppler — La luce viola della cripta a mezzanotte. La tela quasi nera risplende di un singolo segnale lavanda e di una luce di conferma verde, ogni superficie è sufficientemente curva da poter essere afferrata.
- Basedash — Un terminale dati notturno con caratteri opachi. Un osservatorio buio dove le metriche brillano di viola e verde, i titoli con grazie fluttuano sopra il rumore e i pulsanti bianchi a forma di pillola sono gli unici oggetti luminosi in una stanza dalle superfici nere e morbide.
- Superwhisper — L'aurora boreale si dissolve sul vetro di mezzanotte.
- Better Stack — Console SRE di mezzanotte
- Langbase — Console delle luci del nord di mezzanotte
- Astro — Centro di controllo missione per lo spazio profondo con un singolo bagliore viola proveniente da una nebulosa
- Wayfinder — Una schermata nera da film con un titolo appena udibile che fluttua sopra un'illustrazione animata. L'interfaccia è costituita da un cursore per la luminosità anziché da un pannello di controllo.
- HashiCorp — La sala di controllo a mezzanotte, illuminata da luci al neon viola, è una superficie tecnica e oscura dove un cubo esagonale luminoso funge da unico riferimento cromatico.
- Umbrel — Un accogliente braciere nella sala server notturna: una stanza buia dove un unico bagliore color pesca mette in risalto ciò che conta davvero.