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
- 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
- Augen Pro — La presentación blanca de Apple presenta un azul eléctrico, aséptico y minimalista, como único acento en un espacio monocromático.
- Antimetal — Una crónica editorial en papel color crema: una mañana tranquila en una revista científica, donde la sobriedad transmite confianza y las serifas hacen el trabajo pesado.
- Perk — Lima eléctrica sobre papel pergamino tibio
- Ditto — Un taller bañado por el sol donde se crean muestras de flores silvestres. Superficies de color crema cálido, una base de color amarillo vibrante, tintas azul marino intenso, formas orgánicas de color que florecen tras la pieza.
- Officevibe — Una revista editorial impresa en papel de un cálido color crema. Imagínese un ensayo reflexivo sobre gestión de recursos humanos, presentado como un producto: una tipografía cursiva con serifa que susurra a través de una moderna interfaz azul.