Resend
terciopelo negro con cor neón púrpura
Reenviar existe nunha escuridade case total: unha lona negra limpa, bordos finos de grafito e tipografía branca sobre negro que crea a sensación de ler texto impreso en vidro esmerilado. O elemento principal é antiornamental: un único título grande con serifa en Domaine de 96 px xunto a un cubo negro tridimensional, sen degradados nin ilustracións de mercadotecnia. A marca é un púrpura intenso (#9281f7), que aparece nas liñas de enderezos de correo electrónico, iconas de estado e exemplos de código, nunca nos botóns. Unha fonte monoespaciada (Commit Mono) transmite a personalidade do desenvolvedor a través de cada bloque de código, icona e etiqueta en liña, facendo que a páxina pareza un terminal encerrado nunha interface luxosa. Os compoñentes teñen esquinas nítidas ou lixeiramente redondeadas (6 px / 16 px), alturas baixas e usan bordos de 1 px en lugar de sombras para separar capas. A dinámica é sutil pero expresiva: esvaecemento e deslizamento suaves do texto na pantalla principal, rotación sutil do cubo usando WebGL e transicións curtas de 150 ms ao pasar o rato.
O deseño visual consiste case na súa totalidade en obxectos 3D renderizados con WebGL (o cubo negro na xanela principal, formas xeométricas rotatorias) e capturas de pantalla incrustadas da interface de usuario do produto que se mostran en xanelas de código escuro. Non se usan fotografías, ilustracións nin imaxes de estilo de vida. Os logotipos na barra de confianza son imaxes SVG incrustadas nas súas cores orixinais. As iconas son contornos de 1 px-1,5 px cun trazo #f0f0f0 ou #a1a4a5. A linguaxe visual: un lenzo negro, un obxecto 3D como áncora da xanela principal, xanelas de código escuro como proba do produto e logotipos SVG brancos como proba social. Nada decorativo: cada elemento visual é estrutural (o cubo) ou demostrativo (a xanela de código, o logotipo).
Paleta
Marca
- Iris Violet
#9281f7— Texto de realce morado para ligazóns, etiquetas e frases curtas destacadas; degradado diagonal de morado a maxenta en contedores de iconas e iconas de marca. - Iris Violet Glow
#baa7ff— As ligazóns, as etiquetas e as frases curtas destacadas están resaltadas en cor púrpura.
Neutro
- Void Black
#000000— Fondo da páxina, superficies de cartón, pantallas superpostas: todo o lenzo. - Graphite Hairline
#292d30— Bordes de 1 px en tarxetas, campos de entrada, botóns, bloques de código, separadores: define a separación de cada capa. - White
#ffffff— Títulos principais, título, etiquetas dos botóns, recheo de iconas en superficies escuras. - Bone White
#f0f0f0— Texto principal, títulos secundarios, contornos de iconas: a cor principal para a lectura. - Ash Gray
#a1a4a5— Texto do corpo silenciado, etiquetas de iconas, contornos de iconas: texto e metadatos de terceiro nivel. - Smoke Gray
#abafb4— Cor da ligazón, texto do botón desactivado, etiquetas auxiliares: texto de cuarto nivel
Tipografía
de 12 a 96 px · 8 pasos
- Inter — substitución: Inter (Google Fonts) · contornos 400, 500, 600 · Texto do corpo, etiquetas da interface de usuario, navegación, botóns, ligazóns. Ferramenta de traballo: aparece 1280 veces en todas as superficies agás no código.
- Domaine — substitución: GT Sectra · contornos 400 · O texto do título (unha fonte de 400 puntos cun espazado entre letras de 96 px) crea un aspecto editorial, case impreso. Só se usa dúas veces en toda a páxina para o titular máis grande.
- aBC Favorit — substitución: Inter Display · contornos 400, 500 · Títulos e subtítulos de sección. O tipo de letra de estilo da marca é de 56 px, cun grosor de 400 e un espazado entre letras de -0,05 em. O espazado entre letras extremadamente negativo desta fonte sans-serif xeométrica crea unha impresión condensada e segura, que contrasta co tipo de letra principal Domaine.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 16px |
| Radio do botón | 6px |
| Radio da tarxeta | 16px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 96px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Resend e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Neon — Unha sala de servidores despois do anoitecer. Escuridade pura, onde a única luz provén dos datos e das interaccións dos usuarios.
- Discord — O mundo do xogo está agochado detrás dunha xanela de chat emerxente: cada sección é un ambiente independente coa súa propia iluminación e conxunto de personaxes.
- Midjourney — Un terminal bioluminescente nas profundidades do océano. Un mundo das profundidades mariñas onde a intelixencia se xera visualmente en fluxos ASCII e os controis aparecen como patróns lixeiramente brillantes.
- Wope — Wope é unha interface de horizonte púrpura. Imaxina unha mesa de observatorio escura cunha luz púrpura que irradia desde debaixo do vidro.
- Ori — A sala de servidores á medianoite é un baleiro escuro, luz branca, un interruptor aceso.
- Amaterasu — Santuario Turquesa Celestial
- Obsidian — Un repositorio de coñecemento cristalino. Un espazo dixital claro e multifacético deseñado para a claridade e a concentración, con veas moradas luminosas de interacción.
- Morphic — Un lenzo cinematográfico escuro para narracións impulsadas pola IA. O negro puro absorbe todo agás a pulsación azul dun único acento e o brillo da imaxe xerada.
- Valo — Un observatorio noir á medianoite: a tipografía de 300 puntos paira sobre un fondo negro limpo, mentres un único degradado turquesa-púrpura percorre a sala coma unha liña láser.
- JetBrains — Nebulosa de neón sobre obsidiana: unha páxina de fondo negro onde florecen gradientes de azul púrpura como imaxes do espazo profundo, intercalados con neón rosa intenso e o brillo cromático das iconas de cada produto.
- beehiiv — Observatorio da medianoite con plasma de neón
- RainbowKit — Un organizador de carteiras de modal neón flota nun baleiro negro, un brillo azul violeta perfora a escuridade.