Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukreveladorDesarrollamos herramientas de IA para empresas. De alta calidad. A precios asequibles.Escribir por Telegram
Resend — una vista previa de un sitio con este estilo

Resend

terciopelo negro con color neón morado

Resend existe en una oscuridad casi total: un lienzo negro limpio, bordes finos de grafito y tipografía blanca sobre negro que crea la sensación de leer texto impreso en vidrio esmerilado. El elemento principal es antiornamental: un único titular grande con serifa en Domaine de 96px junto a un cubo negro tridimensional, sin degradados ni ilustraciones de marketing. El logotipo es de un púrpura intenso (#9281f7), que aparece en las líneas de direcciones de correo electrónico, iconos de estado y ejemplos de código, nunca en botones. Una fuente monoespaciada (Commit Mono) transmite la personalidad del desarrollador a través de cada bloque de código, icono y etiqueta en línea, haciendo que la página parezca una terminal encerrada en una interfaz lujosa. Los componentes tienen esquinas afiladas o ligeramente redondeadas (6px / 16px), poca altura y usan bordes de 1px en lugar de sombras para separar capas. La dinámica es sutil pero expresiva: desvanecimiento y deslizamiento suaves del texto en la pantalla principal, rotación sutil del cubo usando WebGL y transiciones cortas de 150 ms al pasar el cursor.

El diseño visual consiste casi en su totalidad en objetos 3D renderizados con WebGL (el cubo negro en la ventana principal, formas geométricas giratorias) y capturas de pantalla incrustadas de la interfaz de usuario del producto mostradas en ventanas de código oscuras. No se utilizan fotografías, ilustraciones ni imágenes de estilo de vida. Los logotipos en la barra de confianza son imágenes SVG incrustadas en sus colores originales. Los iconos son contornos de 1px-1.5px con un trazo #f0f0f0 o #a1a4a5. El lenguaje visual: un lienzo negro, un objeto 3D como ancla de la ventana principal, ventanas de código oscuras como prueba del producto, logotipos SVG blancos como prueba social. Nada decorativo: cada elemento visual es estructural (el cubo) o demostrativo (la ventana de código, el logotipo).

Paleta

Marca

  • Iris Violet #9281f7 — Texto con acento morado para enlaces, etiquetas y frases cortas resaltadas; degradado diagonal de morado a magenta en contenedores de iconos e iconos de marca.
  • Iris Violet Glow #baa7ff — Los enlaces, las etiquetas y las frases cortas resaltadas aparecen en color púrpura.

Neutral

  • Void Black #000000 — Fondo de página, superficies de cartón, pantallas superpuestas: todo el lienzo.
  • Graphite Hairline #292d30 — Los bordes de 1 píxel en tarjetas, campos de entrada, botones, bloques de código y divisores definen la separación de cada capa.
  • White #ffffff — Encabezados principales, título, etiquetas de botones, relleno de iconos en superficies oscuras.
  • Bone White #f0f0f0 — Texto principal, encabezados secundarios, contornos de iconos: el color principal para facilitar la lectura.
  • Ash Gray #a1a4a5 — Texto del cuerpo atenuado, etiquetas de iconos, contornos de iconos: texto y metadatos de tercer nivel.
  • Smoke Gray #abafb4 — Color del enlace, texto del botón deshabilitado, etiquetas auxiliares: texto de cuarto nivel

Tipografía

De 12 a 96 píxeles · 8 pasos

  • Inter — reemplazo: Inter (Google Fonts) · esquemas 400, 500, 600 · Texto del cuerpo, etiquetas de la interfaz de usuario, navegación, botones, enlaces. Herramienta de trabajo: aparece 1280 veces en todas las superficies excepto en el código.
  • Domaine — reemplazo: GT Sectra · esquemas 400 · El texto del título, con una fuente de 400 puntos y un espaciado entre letras de 96 píxeles, crea una estética editorial, casi impresa. Se utiliza solo dos veces en toda la página para el titular principal.
  • aBC Favorit — reemplazo: Inter Display · esquemas 400, 500 · Encabezados y subencabezados de sección. La fuente de estilo de marca tiene un tamaño de 56 px, un grosor de 400 y un espaciado entre letras de -0,05 em. El espaciado entre letras extremadamente negativo de esta fuente geométrica sans-serif crea una impresión condensada y segura, que contrasta con la tipografía principal de Domaine.

Intervalos y forma

ObjetivoSignificado
Densidadespacioso
Paso básico16px
Radio del botón6px
Radio de la tarjeta16px
Oscuridadno - bordes en lugar de sombras
Entre secciones96px
Ancho de página1200px

La IA construirá tu sitio web al estilo de Resend y lo rellenará.

  • Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
  • Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
  • Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
  • Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.

Estilos similares

  • Neon — Una sala de servidores al anochecer. Oscuridad absoluta, donde la única luz proviene de los datos y las interacciones de los usuarios.
  • Discord — El mundo del juego está oculto tras una ventana de chat emergente; cada sección es un entorno independiente con su propia iluminación y conjunto de personajes.
  • Midjourney — Una terminal bioluminiscente en las profundidades del océano. Un mundo submarino donde la inteligencia se genera visualmente mediante secuencias ASCII, y los controles aparecen como patrones que emiten un brillo tenue.
  • Wope — Wope es una interfaz de horizonte púrpura. Imagina una mesa de observatorio oscura con una luz púrpura que emana desde debajo del cristal.
  • Ori — La sala de servidores a medianoche es un vacío negro, una luz blanca, un solo interruptor encendido.
  • Amaterasu — Santuario Celestial Turquesa
  • Obsidian — Un repositorio de conocimiento cristalino. Un espacio digital claro y multifacético diseñado para la claridad y la concentración, con luminosas vetas púrpuras de interacción.
  • Morphic — Un lienzo cinematográfico oscuro para la narración impulsada por IA. El negro puro absorbe todo excepto la pulsación azul de un único acento y el brillo de la imagen generada.
  • Valo — Un observatorio de estilo noir a medianoche: tipografía de 300 puntos flota sobre un fondo negro impoluto, mientras que un único degradado turquesa-púrpura recorre la habitación como una línea láser.
  • JetBrains — Nebulosa de neón sobre obsidiana: una página con fondo negro donde los degradados azul púrpura florecen como imágenes del espacio profundo, intercalados con neón rosa intenso y el brillo cromático de los iconos de cada producto.
  • beehiiv — Observatorio de Medianoche con Plasma de Neón
  • RainbowKit — Un organizador de cartera de modal neón flota en un vacío negro, un resplandor azul violeta atraviesa la oscuridad.