Slash
Volta de mitjanit amb llibres majors daurats
Slash funciona en un mode de galeria de mitjanit: un llenç gairebé negre, lletra blanca i un únic accent de coure càlid que serveix de puntuació. Els titulars es mostren amb Ivy Presto, una tipografia serif didone d'alt contrast utilitzada en mides extremes (fins a 88 px): aquest xoc de tipografies serif i sans-serif és la signatura del sistema, donant-li una gravetat financera sense la gravetat de corretatge de la banca tradicional. La resta de la interfície d'usuari és deliberadament discreta: vores primes, controls en forma de píndola, text compacte de 16 px i un subtil desviament ascendent per permetre que la lletra respiri. Un únic degradat daurat (línia de gràfic, microaccents) afegeix calidesa al sistema monocrom, evocant la càlida resplendor d'un terminal Bloomberg creat per a un públic de disseny.
El contingut fa 1216 px d'amplada, està centrat i té marges verticals de 160 px. La pantalla d'inici és un llenç fosc d'amplada completa amb una composició dividida: una capçalera amb serif alineada a l'esquerra (64–88 px d'amplada) amb un camp d'adreça de correu electrònic a sota, i una targeta d'IU del producte gran (una captura de pantalla del tauler de control) a la dreta amb un 50% d'amplada. Les seccions posteriors utilitzen una capçalera centrada d'una sola columna (serif, 44–64 px d'amplada) amb un subtítol en Inter, seguida de quadrícules de targetes de tres columnes per a descripcions de funcions/testimonis/blogs. La navegació és una barra superior fixa: logotip a l'esquerra, menú central (Empresa, Productes, Solucions, Clients, Preus, Preguntes freqüents), inici de sessió alineat a la dreta (discrèpit) i introducció (element omplert de blanc). El peu de pàgina presenta una quadrícula densa d'enllaços de cinc columnes amb informació de l'empresa i avisos legals. La pàgina alterna entre seccions de quadrícula riques en contingut i estadístiques a pantalla completa: el ritme s'estableix mitjançant el generós espai blanc entre les columnes en lloc d'alternar els colors de fons (tota la pàgina es presenta com un únic llenç unificat).
La fotografia és editorial i naturalista: retrats càlids dels fundadors i membres de l'equip en els seus entorns laborals reals (oficines, sales d'estar, obres de construcció). Les imatges omplen els marcs de les targetes de vora a vora, sense farciment. S'utilitza un degradat fosc a la part inferior de les targetes de testimoni per millorar la llegibilitat del text. L'estètica —"LinkedIn es troba amb una revista editorial"— és informal, humana i lleugerament apagada, mai polida amb fotografia de stock. Les miniatures dels articles combinen fotografies amb conceptes il·lustrats (una persona dreta en un laberint, una llar de foc amb bosses de diners). La interfície d'usuari del producte es mostra en mode fosc amb opacitat total, flotant per sobre de la pàgina sobre superfícies fosques subtils, un element central. Les icones són monocromes amb traços d'1 px en #2e3038 o #777a88, mai omplertes amb el color de la marca.
Paleta
Neutral
- Bone
#e2e3e9— Mida de lletra gran per al text principal, etiquetes de dades detallades i un to de text estàndard a la majoria d'elements de la interfície d'usuari. - Obsidian
#08080a— El llenç de la pàgina, el fons del peu de pàgina, la superfície més fosca és gairebé negra amb un subtil to blau. - Onyx
#040406— La superfície de la targeta, el fons addicional, és un pas més profunda que la pàgina per aconseguir un efecte visual. - Carbon
#121317— Panells en relleu, ompliment discret de la interfície d'usuari: el primer pas notablement més lleuger en l'evolució de Surface Stack - Graphite
#1c1d22— Vores, divisors, contenidors d'icones, controls lliscants: el to de color més subtil que defineix l'estructura. - Slate
#2e3038— Vores addicionals, línies d'icones apagades, divisors subtils entre blocs de contingut.
Tipografia
de 13 a 88 px · 9 passos
- Ivy Presto — reemplaçament: Playfair Display · esquemes 400, 500 · Una font serif per a encapçalaments i subencapçalaments, utilitzada exclusivament per a encapçalaments i títols de secció de 28 px i superiors. Els traços de didone d'alt contrast amb serifs prims creen una sensació de luxe editorial; el petit espaiat positiu entre lletres de 0,01 em és inusual i dóna a la font un aspecte imprès, semblant a la comptabilitat. Aquesta font serif és la targeta de presentació principal de la marca: distingeix Slash de totes les altres empreses SaaS fintech que utilitzen fonts sans-serif geomètriques per defecte.
- Inter — reemplaçament: Inter (self-hosted via Google Fonts) · esquemes 300, 400, 500, 600, 700 · UI Sans: text principal, navegació, botons, etiquetes, enllaços, camps de formulari i subtítols. El text principal utilitza una font 300 per a text secundari discret; 500 s'utilitza per a text d'èmfasi mitjà i etiquetes de botons; 600 es reserva per a etiquetes de categoria escrites en majúscules petites. L'espaiat negatiu entre lletres disminueix de 2 (-3) i disminueix a mesura que disminueix la mida, cosa típica de l'escala òptica de la font Inter.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | espaiós |
| Pas bàsic | 8px |
| Radi del botó | 9999px |
| Radi de la targeta | 10px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 160px |
| Amplada de la pàgina | 1216px |
La IA crearà el vostre lloc web a l'estil Slash i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Modal — Un terminal fosforescent en una sala de servidors fosca: l'única font de llum és un color verd brillant.
- AgentQL — Aurores boreals sobre la terminal a la nit
- GitHub — Un panell de comandament espacial amb punts de control bioluminescents: un espai de treball fosc i atmosfèric on una única resplendor verda indica el camí a seguir.
- Doppler — La il·luminació porpra de la volta a mitjanit. El llenç gairebé negre brilla amb un únic senyal lavanda i una llum verda de confirmació, totes les superfícies prou corbades per ser agafades.
- Basedash — Un terminal de dades de mitjanit amb font mat. Un observatori fosc on les mètriques brillen de color porpra i verd, els titulars amb serifes suren per sobre del soroll i els botons blancs amb forma de píndola són els únics objectes brillants en una habitació de superfícies negres suaus.
- Superwhisper — Les aurores boreals es dissolen sobre el vidre de mitjanit
- Better Stack — Consola SRE de mitjanit
- Langbase — Consola Midnight Northern Lights
- Astro — Control de la Missió Espacial Profund amb una única resplendor porpra d'una nebulosa
- Wayfinder — Una pantalla de cinema negra amb un títol gairebé inaudible que sura sobre una il·lustració en directe. La interfície és un control lliscant de brillantor en lloc d'un panell de control.
- HashiCorp — La sala de control a mitjanit amb neó morat és una superfície tècnica fosca on un cub hexagonal brillant serveix com a única referència de color.
- Umbrel — Una foguera acollidora a la sala de servidors nocturna: una habitació fosca on una única resplendor de color préssec destaca allò que és realment important.