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
- 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
- Augen Pro — A apresentação branca da Apple destaca um azul elétrico, clínico e leve, como único elemento de destaque em um espaço monocromático.
- Antimetal — Uma crônica editorial em papel creme — uma manhã tranquila em uma revista científica, onde a sobriedade transmite confiança e as serifas desempenham um papel fundamental.
- Perk — Cal elétrica em papel pergaminho quente
- Ditto — Uma oficina ensolarada criando amostras de flores silvestres. Superfícies em tons creme quentes, uma vibrante cor de base amarela, tintas em um profundo azul marinho, formas orgânicas de cores desabrochando ao fundo da obra.
- Officevibe — Uma revista editorial impressa em papel creme de tom quente. Imagine um ensaio instigante sobre gestão de RH, apresentado como um produto — uma fonte cursiva serifada que sussurra através de uma interface azul moderna.