Design System Analysis · external snapshot

Anthropic Homepage

Un contrato verificable de seguridad, research, productos, releases, política y responsive behavior observado en anthropic.com.

Identidad y tokens

La documentación neutral muestra la relación entre fondo cálido, superficies, texto oscuro y acentos responsables.

canvas
#F7F5F0
surface
#EDEAE3
ink
#171716
brand
#C45A3C
accent
#285C4D
border
#D8D4CB

Hero y releases

hero · 56 / 500
Safety at the frontier
Learn more
release card
Announcements
Core views on AI safety
Education
Academy
Research
Economic Index
metadata · 13 / 500

Research · Latest release · Read more

focus-visible: 2px accent

Inventario de componentes

Global navigation

Research, Products, Business, Developers, Company y Claude.

defaultmenu-opencompact

Hero mission

Research, products, safety y acciones principales.

hoverreduced-motion

Release card

Anuncio, alignment, education o economic research.

featuredloading

Product groups

Claude, modelos, soluciones, plataforma y recursos.

expandedstacked-mobile

Responsive behavior

RangoComportamiento
320–543pxHeader compacto, hero vertical, cards apiladas y footer por grupos.
544–767pxGrid flexible, navegación que envuelve y cards de dos columnas si caben.
768–1011pxHeader regular, hero amplio y secciones de dos columnas.
1012–1279pxGrid editorial amplio y footer en columnas.
1280px+Más espacio exterior sin estirar la columna de lectura.

Procedencia y validación

La fuente expone research y productos con foco en safety, hard questions, releases, Claude, modelos, soluciones, plataforma, recursos y políticas.

✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.

Fuente: Anthropic. Este documento es análisis externo, no documentación oficial.