ElevenLabs
Un ensaio fotográfico en tons crema cálidos con titulares sutís. Un caderno de estilo Bauhaus: papel cor casca de ovo, tinta negra e un único detalle morado e laranxa para a exhibición do produto.
ElevenLabs traballa cun estilo minimalista branco e cálido: unha lona cor casca de ovo (#fdfcfc) con letra negra e unha única capa de superficies cor taupe cálidas (#f5f3f1). A identidade da marca é tranquila e segura: o tipo de letra Waldenburg 300, apenas distinguible, destaca os titulares con extrema claridade (-0,02 em), mentres que Inter 400/500 lle dá a todo o demais unha neutralidade tranquila. Dúas cores de acento (púrpura vibrante #0447ff e laranxa vibrante #ff4704) só destacan dentro dos elementos visuais do produto (audiosferas, iconas do produto), nunca como cromo na interface de usuario. Os compoñentes permanecen planos ou lixeiramente elevados con bordos finos de 1 px, radios amplos de 20 px nas tarxetas e botóns completamente cheos de 9999 px. O sistema lembra un estudo Bauhaus sobre papel crema: contido, editorial e tecnicamente preciso.
As seccións de ancho completo están dispostas verticalmente nunha única columna central de ancho máximo con marxes exteriores de 1280 px. A sección principal é asimétrica: o título está aliñado á esquerda no nivel de Waldenburg de 48 px, o texto de descrición está aliñado á dereita e hai dous botóns con forma de pílula situados debaixo do título. Debaixo da sección principal hai unha gran barra de navegación con pestanas que abrangue todo o ancho do contido. As seccións alternan entre fondos cor casca de ovo e taupe con marxes verticais de 96–125 px. O pé de páxina é unha única franxa compacta. A navegación é unha barra superior minimalista, sen comportamento fixo nin megamenús. O ritmo do contido coincide co estilo editorial: moito espazo en branco, un elemento visual principal por sección e sen grellas de tarxetas debaixo da sección "Confianza".
O deseño visual está dominado por unha combinación de cores: grandes gradientes en forma de esferas de son suaves (máis de 200 px círculos con transicións radiais do púrpura ao laranxa e ao rosa) serven como elemento gráfico principal. Os logotipos da sección "Confianza" preséntanse nunha escala de grises de baixo contraste sobre un fondo de lona mate. A fotografía é minimalista: non hai fotos de estilo de vida nin de produtos. A iconografía é escasa e monocromática (iconas de contorno negro ou cheas, sen iconas cromáticas). O sistema visual lembra máis unha publicación de deseño que un catálogo de produtos: a moderación editorial prevalece sobre o impacto do marketing.
Paleta
Marca
- Violet Spark
#0447ff— Énfase visual do produto: só aparece nas ilustracións da esfera de audio e nas iconas decorativas do produto; nunca se usa para elementos da interface.
Neutro
- Eggshell
#fdfcfc— A lona da páxina, as superficies dos botóns e as superficies das tarxetas son cálidas, lixeiramente cremosas, en lugar de brancas intensas, para evitar o brillo dixital e darlle ao sitio a calma do papel. - Warm Taupe
#f5f3f1— As tiras divisorias, as tarxetas decorativas e un nivel de superficie adicional (un chanzo máis profundo que a superficie mate) crean unha separación silenciosa e sen bordos. - Stone
#ebe8e4— Os bordos finos, os divisores e os fondos de iconas son dun gris cálido que se sitúa entre o gris topo e o gris medio sen resultar frío. - Ink
#000000— Tanto se se trata de texto do corpo, botóns recheos, navegación ou ligazóns, o negro puro serve como base para unha paleta de cores cálidas e crea o único contraste nítido do sistema. - Graphite
#44403b— Corpo de texto, títulos de sección: un gris escuro cálido e sutil para texto que precisa ser impactante sen a dureza do negro. - Smoke
#777169— O texto principal, as descricións discretas e as lendas están nun gris medio-cálido; o estilo dominante, lexible pero tranquilo das cartas e os textos temáticos.
Tipografía
de 10 a 48 px · 8 pasos
- Waldenburg — substitución: Inter (300) or Söhne Light · contornos 300 · Só para títulos e elementos de deseño. Úsase en formatos de 48/36/32 px cun grosor de letra de 300 (un tipo de letra ultralixeiro non é convencional; a maioría dos sitios web usan 600-700; este tipo de letra sutil transmite autoridade a través da moderación. Un espazado entre letras axustado de -0,02 em crea un axuste máis estreito entre as letras en tamaños máis grandes. Alternativas: "Inter" con grosor de 300 ou "Söhne" con grosor lixeiro como alternativa premium.
- Inter — substitución: Inter or system-ui · contornos 400, 500 · Todo fóra da pantalla: corpo do texto, navegación, botóns, ligazóns, etiquetas, campos de entrada, tarxetas. 400 é o grosor predeterminado; 500 está reservado para botóns e ligazóns destacadas. Os tamaños van de 10 a 10, cun espazo entre liñas reducido (1,47–1,6), o que dá espazo aos parágrafos para respirar. Un espazo entre letras pequeno de +1 (2) en tamaños de 14 a 3 mellora a lexibilidade en tamaños pequenos.
- Geist Mono — substitución: JetBrains Mono or IBM Plex Mono · contornos 400 · Microtexto situado xunto ao código ou texto técnico, posicionado a 13 px; úsase raramente (frecuencia = 28) para etiquetas técnicas ou metadatos. Capa única, altura de liña grande de 1,69.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 8-16px |
| Radio do botón | 9999px |
| Radio da tarxeta | 20px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 96-125px |
| Largura da páxina | 1280px |
A IA creará o teu sitio web ao estilo de ElevenLabs 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
- Awesomic — Malla editorial de zinc con signos de puntuación laranxas que lembran confeti
- Monad — revista técnica editorial en pergamiño quente
- Dub — Panel de control de papel de arroz mate de Link
- Seline Analytics — Unha mesa analítica tranquila sobre papel quente
- Notion — Un caderno de papel quente ao sol do mediodía
- Anthropic — Unha revista científica de campo sobre pergamiño cálido: superficies de marfil tranquilas, títulos editoriais con serigrafía e un único acento de arxila que só aparece cando é necesario actuar.
- Calendly — Tinta azul escura sobre mármore frío
- Augen Pro — A presentación branca de Apple presenta un azul eléctrico, clínico e lixeiro como único acento nun espazo monocromático.
- Antimetal — Unha crónica editorial en papel cor crema: unha mañá tranquila nunha revista científica, onde a moderación transmite confianza e as serifas fan o traballo pesado
- Perk — Lima eléctrica sobre papel pergamiño quente
- Ditto — Un obradoiro soleado creando mostras de flores silvestres. Superficies crema cálidas, unha cor base amarela vibrante, tintas azul mariño intenso, formas de cor orgánicas que florecen detrás da peza.
- Officevibe — Unha revista editorial en papel de cor crema cálida. Imaxina un ensaio reflexivo sobre a xestión de recursos humanos, presentado como un produto: unha fonte cursiva serif que susurra a través dunha interface azul moderna.