Resend
veludo preto com detalhes em roxo neon
Resend existe em uma escuridão quase total — uma tela preta limpa, bordas finas em grafite e tipografia branca sobre fundo preto que cria a sensação de ler um texto impresso em vidro fosco. O elemento principal é anti-ornamental: um único título serifado grande em Domaine de 96px ao lado de um cubo preto tridimensional, sem gradientes ou ilustrações de marketing. A marca registrada é um roxo intenso (#9281f7), que aparece nas linhas de endereço de e-mail, ícones de status e exemplos de código — nunca nos botões. Uma fonte monoespaçada (Commit Mono) transmite a personalidade do desenvolvedor em cada bloco de código, ícone e rótulo embutido, fazendo com que a página pareça um terminal envolto em uma interface sofisticada. Os componentes têm cantos retos ou levemente arredondados (6px / 16px), alturas baixas e usam bordas de 1px em vez de sombras para separar as camadas. A dinâmica é sutil, mas expressiva: transições suaves de texto na tela principal, rotação sutil do cubo usando WebGL e transições curtas de 150 ms ao passar o mouse.
O design visual consiste quase inteiramente em objetos 3D renderizados com WebGL (o cubo preto na janela principal, formas geométricas rotativas) e capturas de tela da interface do usuário do produto exibidas em janelas de código escuras. Não são utilizadas fotografias, ilustrações ou imagens que remetam ao estilo de vida do produto. Os logotipos na barra de confiança são imagens SVG incorporadas em suas cores originais. Os ícones são contornos de 1px a 1,5px com um traço #f0f0f0 ou #a1a4a5. A linguagem visual: uma tela preta, um objeto 3D como âncora da janela principal, janelas de código escuras como prova do produto, logotipos SVG brancos como prova social. Nada decorativo — cada elemento visual é estrutural (o cubo) ou demonstrativo (a janela de código, o logotipo).
Paleta
Marca
- Iris Violet
#9281f7— Texto com detalhes em roxo para links, tags e frases curtas destacadas; gradiente diagonal de roxo para magenta nos contêineres de ícones e ícones da marca. - Iris Violet Glow
#baa7ff— Links, tags e frases curtas em destaque aparecem na cor roxa.
Neutro
- Void Black
#000000— Fundo da página, superfícies de papelão, telas de sobreposição - toda a tela. - Graphite Hairline
#292d30— Bordas de 1px em cartões, campos de entrada, botões, blocos de código e divisores definem a separação de cada camada. - White
#ffffff— Títulos principais, cabeçalhos, rótulos de botões e preenchimento de ícones em superfícies escuras. - Bone White
#f0f0f0— Texto principal, títulos secundários, contornos dos ícones - a cor principal para leitura. - Ash Gray
#a1a4a5— Texto corrido silenciado, rótulos de ícones, contornos de ícones - texto de terceiro nível e metadados. - Smoke Gray
#abafb4— Cor do link, texto do botão desativado, rótulos auxiliares - texto de quarto nível
Tipografia
de 12 a 96px · 8 etapas
- Inter — substituição: Inter (Google Fonts) · esboços 400, 500, 600 · Texto do corpo, rótulos da interface do usuário, navegação, botões, links. Ferramenta de trabalho – aparece 1.280 vezes em todas as superfícies, exceto no código.
- Domaine — substituição: GT Sectra · esboços 400 · O texto do título — uma fonte de 400 pontos com espaçamento entre letras de 96px — cria uma sensação editorial, quase como de texto impresso. Ele é usado apenas duas vezes em toda a página, no título principal.
- aBC Favorit — substituição: Inter Display · esboços 400, 500 · Títulos e subtítulos das seções. A fonte do estilo da marca tem 56px, peso 400 e espaçamento entre letras de -0,05em. O espaçamento extremamente negativo entre letras nesta fonte geométrica sem serifa cria uma impressão concisa e confiante, contrastando com a tipografia principal da Domaine.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 16px |
| Raio do botão | 6px |
| Raio do cartão | 16px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 96px |
| Largura da página | 1200px |
A IA criará seu site no estilo Resend e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Neon — Uma sala de servidores após o anoitecer. Escuridão total, onde a única luz vem dos dados e das interações dos usuários.
- Discord — O mundo do jogo está oculto atrás de uma janela de bate-papo pop-up — cada seção é um ambiente independente com sua própria iluminação e conjunto de personagens.
- Midjourney — Um terminal bioluminescente nas profundezas do oceano. Um mundo submarino onde a inteligência se gera visualmente em fluxos ASCII, e os controles aparecem como padrões levemente brilhantes.
- Wope — Wope é uma interface de horizonte púrpura. Imagine uma mesa de observatório escura com uma luz púrpura brilhando por baixo do vidro.
- Ori — A sala de servidores à meia-noite é um vazio negro, com uma luz branca e apenas um interruptor aceso.
- Amaterasu — Santuário Celestial Turquesa
- Obsidian — Um repositório de conhecimento cristalino. Um espaço digital claro e multifacetado, projetado para clareza e foco, com veias luminosas de interação em tom púrpura.
- Morphic — Uma tela cinematográfica escura para narrativas impulsionadas por IA. O preto puro absorve tudo, exceto a pulsação azul de um único detalhe e o brilho da imagem gerada.
- Valo — Um observatório noir à meia-noite — tipografia de 300 pontos paira sobre um fundo preto limpo, enquanto um único gradiente turquesa-roxo percorre a sala como uma linha de laser.
- JetBrains — Neon Nebula on Obsidian – Uma página com fundo preto onde gradientes roxo-azulados florescem como imagens do espaço profundo, intercalados com neon rosa vibrante e o brilho cromático dos ícones de cada produto.
- beehiiv — Observatório da Meia-Noite com Plasma de Neon
- RainbowKit — Um organizador de carteira em modal neon flutua em um vazio negro, um brilho azul-violeta perfurando a escuridão.