Anthropic
Una revista científica de campo impresa en papel vitela de tonos cálidos: superficies de marfil sereno, encabezados editoriales con serifa y un único detalle en color arcilla que aparece solo cuando se requiere acción.
La interfaz de Anthropic se lee como una publicación científica cuidadosamente seleccionada en papel pergamino cálido. Los tonos neutros de marfil y avena reemplazan la típica paleta de grises fríos de los diseños de inspiración tecnológica, otorgando a cada superficie una textura similar al papel que complementa la tipografía serif personalizada utilizada a una escala sin precedentes tanto para el cuerpo del texto como para los títulos. Un único acento de color arcilla aparece solo en momentos de actividad; todo lo demás permanece sereno y austero. Los componentes son planos: bordes delgados y radios selectivos en las esquinas inferiores reemplazan las sombras paralelas como lenguaje de diseño, con una tipografía sans-serif para representar los elementos de la interfaz y una tipografía serif para transmitir expresividad.
El diseño está dominado por ilustraciones científicas clásicas: la página de inicio presenta un denso collage botánico/zoológico de mariposas y polillas, realizado al estilo clásico de las ilustraciones naturalistas que recuerdan a las guías de campo del siglo XIX. Las ilustraciones tienen colores cálidos para integrarse con el fondo de pergamino en lugar de destacar sobre él. No hay fotografías, capturas de pantalla de productos ni degradados abstractos. La iconografía es mínima: pequeños chevrones para los menús desplegables e indicadores lineales escasos, siempre en la misma paleta cálida y neutra que el texto. La densidad visual es baja: predominan los grandes bloques de texto y el espacio en blanco, y las imágenes aparecen solo dentro del ámbito de la página de inicio.
Paleta
Marca
- Clay
#d97757— Los botones de llamada a la acción (por ejemplo, "aceptar el consentimiento de cookies") son el único color de acento en el sistema, un tono terracota cálido que pertenece a la familia de tonos tierra en lugar del típico azul de la interfaz de usuario. - Clay Deep
#c6613f— El estado de desplazamiento/pulsación para los botones de llamada a la acción de Clay y el token canónico con un diacrítico es una versión más profunda del diacrítico básico.
Neutral
- Slate Dark
#141413— Texto principal, encabezados, fondo del pie de página, bordes finos: casi negros con un ligero tono cálido, nunca negro puro. - Ivory Medium
#f0eee6— El lienzo de la página y los grandes rellenos de superficie crean un fondo de pergamino que establece el tono cálido general. - Ivory Light
#faf9f5— Las superficies de cartón, los paneles en relieve y los botones de clic son un poco más brillantes que el lienzo, lo que crea un efecto de capas sin sombras. - Cloud Medium
#b0aea5— Texto auxiliar discreto, elementos de navegación inactivos, etiquetas adicionales: un estilo neutro que pasa desapercibido sin desaparecer. - Cloud Dark
#87867f— Marcos de botones delineados, separadores de contraste medio. - Stone
#cccbc8— Se aprecian sutiles bordes y separadores entre las secciones, pero nunca resultan demasiado evidentes.
Tipografía
De 12 a 68 píxeles · 6 pasos
- Anthropic Serif — reemplazo: Georgia · esquemas 400, 600 · Estilo editorial: se utiliza para el encabezado de 68 px, todo el texto del cuerpo de 20 px, los títulos de las tarjetas y los párrafos de apoyo. La fuente con serifa le da personalidad al texto; su presencia en el cuerpo del texto (inusual en sitios web técnicos) indica que pertenece a una publicación de investigación. El grosor de fuente predeterminado es de 400, mientras que el de 600 se usa para enfatizar.
- Anthropic Sans — reemplazo: Inter · esquemas 400, 500, 600, 700 · La interfaz de usuario y la visualización de fuentes sans-serif incluyen enlaces de navegación, botones, pies de página, iconos y un titular sans-serif en negrita con un grosor de 61 px y 700 ppp. La fuente sans-serif de 61 px se sitúa junto a la fuente serif de 68 px, creando intencionadamente un sistema dual: la fuente sans-serif expresa declaraciones, mientras que la fuente serif evoca un ensayo editorial.
- Anthropic Mono — reemplazo: JetBrains Mono · esquemas 400 · Se utiliza únicamente en código o fragmentos técnicos; es poco frecuente.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 8px |
| Radio del botón | 8px (bottom-only on filled variants), 12px (outlined) |
| Radio de la tarjeta | 24px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 80-120px |
| Ancho de página | 1280px |
La IA construirá tu sitio web al estilo de Anthropic y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Mollie — Un mostrador de cachemir, un libro de contabilidad oscuro. Deja amplio espacio en blanco para el diseño editorial alrededor del texto negro y refuerza los puntos relacionados con el producto con cremas cálidas, marrones espresso y fotos táctiles de métodos de pago reales.
- Kagi — Una sala de lectura independiente. Crea un espacio blanco abierto alrededor de un texto en grafito llamativo, utilizando sutiles toques de color púrpura y superficies en tonos pastel cálidos para romper la tranquilidad.
- Milanote — Milanote es un estudio creativo especializado. Crea páginas editoriales con estilo de galería utilizando paneles visuales flotantes: paredes con marcos oscuros, espacio de visualización en blanco y capturas de pantalla que parecen objetos reales con una sutil profundidad.
- Co2 — Un atlas climático a la luz del invierno. Crea páginas que evocan un paisaje aéreo, donde los títulos con serifa, los datos codificados por categorías y las imágenes heladas resaltan los amplios márgenes blancos.
- GitButler — El color turquesa se aprecia al final del texto. Una combinación de titulares con serifa de alto contraste, sutiles cuadrículas técnicas, superficies de grafito cálido y un discreto toque turquesa.
- ElevenLabs — Un reportaje fotográfico en tonos crema cálidos con titulares sutiles. Un cuaderno de estilo Bauhaus: papel color blanco hueso, tinta negra y un único detalle en morado y naranja para la presentación del producto.
- Awesomic — Malla de zinc editorial con signos de puntuación naranjas que recuerdan al confeti.
- Monad — Revista técnica editorial en pergamino cálido
- Dub — Panel de control de papel de arroz mate de Link
- Seline Analytics — Una mesa analítica tranquila sobre papel tibio
- Notion — Un cuaderno de papel caliente bajo el sol del mediodía.
- Calendly — Tinta azul oscuro sobre mármol frío