ElevenLabs
Um ensaio fotográfico em tons creme quentes com títulos sutis. Um caderno em estilo Bauhaus — papel cor de casca de ovo, tinta preta e um único detalhe em roxo e laranja para exibição do produto.
A ElevenLabs trabalha com um estilo minimalista e branco e aconchegante: uma base cor de casca de ovo (#fdfcfc) com tipografia preta e uma única camada de superfícies em um tom quente de taupe (#f5f3f1). A identidade da marca é discreta e confiante — a tipografia Waldenburg 300, quase indistinguível, destaca os títulos com extrema clareza (-0,02em), enquanto a Inter 400/500 confere a todo o resto uma neutralidade serena. Duas cores de destaque — o roxo vibrante #0447ff e o laranja vibrante #ff4704 — se sobressaem apenas nos elementos visuais do produto (áudio esférico, ícones do produto), nunca como cromados na interface do usuário. Os componentes permanecem planos ou ligeiramente elevados, com bordas finas de 1px, raios amplos de 20px nos cards e botões totalmente preenchidos de 9999px. O sistema remete a um estúdio Bauhaus em papel creme: contido, editorial e tecnicamente preciso.
As seções de largura total são organizadas verticalmente em uma única coluna central de largura máxima, com margens externas de 1280px. A seção principal é assimétrica: o título está alinhado à esquerda, no nível Waldenburg de 48px, o texto descritivo está alinhado à direita e dois botões em formato de pílula estão localizados abaixo do título. Abaixo da seção principal, há uma grande barra de navegação com abas que se estende por toda a largura do conteúdo. As seções alternam entre fundos cor de casca de ovo e taupe, com margens verticais de 96 a 125px. O rodapé é uma faixa única e compacta. A navegação é feita por uma barra superior minimalista — sem comportamento fixo, sem megamenus. O ritmo do conteúdo corresponde ao estilo editorial: bastante espaço em branco, um elemento visual principal por seção e sem grades de cartões na seção "Confiança".
O design visual é dominado por um esquema de cores: grandes gradientes em forma de esferas suaves (círculos com mais de 200 pixels e transições radiais do roxo para o laranja e o rosa) servem como principal elemento gráfico. Os logotipos na seção "Confiança" são apresentados em tons de cinza de baixo contraste sobre um fundo fosco. A fotografia é minimalista — não há fotos de estilo de vida ou de produtos. A iconografia é escassa e monocromática (ícones com contorno preto ou preenchidos, sem ícones coloridos). O sistema visual lembra mais uma publicação de design do que um catálogo de produtos — a sobriedade editorial prevalece sobre o impacto de marketing.
Paleta
Marca
- Violet Spark
#0447ff— Destaque visual do produto - Aparece apenas em ilustrações da esfera de áudio e ícones decorativos do produto; nunca é usado em elementos da interface.
Neutro
- Eggshell
#fdfcfc— A tela da página, as superfícies dos botões e as superfícies dos cartões são em tons quentes, ligeiramente cremosos, em vez de um branco puro, para evitar o brilho digital e dar ao site a tranquilidade do papel. - Warm Taupe
#f5f3f1— Tiras divisórias, cartões decorativos e uma camada adicional na superfície – um nível mais profunda que a superfície fosca – criam uma separação discreta e sem bordas. - Stone
#ebe8e4— As bordas finas, os divisores e os fundos dos ícones são de um cinza quente, que fica entre o taupe e o cinza médio, sem parecer frio. - Ink
#000000— Seja no corpo do texto, em botões preenchidos, na navegação ou em links, o preto puro serve como base para uma paleta de cores quentes e cria o único contraste nítido no sistema. - Graphite
#44403b— Corpo do texto, títulos de seção - um tom sutil de cinza escuro e quente para textos que precisam ser impactantes sem a agressividade do preto. - Smoke
#777169— O texto principal, as descrições discretas e as legendas estão em um tom de cinza médio-quente; o estilo dominante, legível e, ao mesmo tempo, tranquilo dos cartões e dos textos temáticos.
Tipografia
de 10 a 48px · 8 etapas
- Waldenburg — substituição: Inter (300) or Söhne Light · esboços 300 · Apenas para títulos e elementos de design. Usada nos formatos 48/36/32px com peso de fonte 300 — uma fonte ultraleve é incomum; a maioria dos sites usa 600-700; esta fonte sutil transmite autoridade por meio da sobriedade. O espaçamento entre letras reduzido de -0,02em cria um ajuste mais preciso entre as letras em tamanhos maiores. Alternativas: "Inter" com peso 300 ou "Söhne" com peso leve como alternativa premium.
- Inter — substituição: Inter or system-ui · esboços 400, 500 · Tudo o que está fora da tela: texto principal, navegação, botões, links, rótulos, campos de entrada, cartões. 400 é a espessura padrão; 500 é reservado para botões e links destacados. Os tamanhos variam de 10 a 10, com espaçamento entre linhas reduzido (1,47–1,6), dando espaço aos parágrafos. Um espaçamento entre letras pequenas de +1 (2) em tamanhos de 14 a 3 melhora a legibilidade em tamanhos pequenos.
- Geist Mono — substituição: JetBrains Mono or IBM Plex Mono · esboços 400 · Microtexto localizado próximo ao código ou texto técnico, posicionado a 13px — raramente usado (frequência = 28) para rótulos técnicos ou metadados. Camada única, altura de linha grande de 1,69.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 8-16px |
| Raio do botão | 9999px |
| Raio do cartão | 20px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 96-125px |
| Largura da página | 1280px |
A IA criará seu site no estilo ElevenLabs 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
- Mollie — Um balcão de cashmere, um livro-razão escuro. Deixe bastante espaço em branco para o design editorial ao redor do texto preto e, em seguida, reforce os pontos relacionados ao produto com tons quentes de creme, marrom expresso e fotos táteis de métodos de pagamento reais.
- Kagi — Uma sala de leitura separada. Crie um espaço branco aberto em torno de um texto em grafite marcante, usando detalhes sutis em roxo e superfícies em tons pastel quentes para quebrar a tranquilidade.
- Milanote — Milanote é um estúdio criativo dedicado. Crie páginas no estilo de galeria editorial usando painéis visuais flutuantes: paredes com molduras escuras, espaço de exibição branco e capturas de tela que parecem objetos reais com uma leve profundidade.
- Co2 — Um atlas climático sob a luz do inverno. Crie páginas como uma paisagem aérea documental, onde títulos com serifa, dados codificados por categorias e imagens gélidas destacam amplas margens brancas.
- GitButler — Turquesa no final do texto. Uma combinação de títulos serifados de alto contraste com sutis grades técnicas, superfícies em tom grafite quente e um discreto toque de turquesa.
- Awesomic — Tela editorial em zinco com marcas de pontuação laranja que lembram confete.
- Monad — revista técnica editorial sobre pergaminho quente
- Dub — Painel de controle de papel de arroz fosco do Link
- Seline Analytics — Uma mesa analítica silenciosa sobre papel quente
- Notion — Um caderno de papel quente sob o sol do meio-dia
- Anthropic — Uma revista científica de campo impressa em pergaminho de tom quente — superfícies de marfim sereno, títulos editoriais com serifa e um único detalhe em tom de barro que aparece apenas quando é necessário dar o que falar.
- Calendly — Tinta azul escura sobre mármore frio