Identidad y tokens
La documentación neutral muestra fondo cálido, superficies, texto oscuro, CTA cálido y foco verde.
canvas
#F7F5F0
surface
#EDEAE3
ink
#171716
brand
#D97757
accent
#285C4D
border
#D8D4CB
Hero, auth y planes
hero · 56 / 500
Think fast, build faster
Try Claudeauth entry
Google
Continue
Continue
Email
Continue
Continue
SSO
Enterprise
Enterprise
plan card
Pro
$17
per month · annualTry Claude
Inventario de componentes
Product navigation
Platform, Solutions, Pricing, Resources y acceso.
defaultmenu-opencompactHero auth entry
Google, email, SSO, privacy y descarga desktop.
focusloadingerrorPlan switcher
Individual frente a Team and Enterprise.
selectedfocus-visiblePlan card / FAQ
Free, Pro, Max y disclosures de ayuda.
recommendedexpandedResponsive behavior
| Rango | Comportamiento |
|---|---|
| 320–543px | Header compacto, hero vertical, auth apilada, planes y footer en una columna. |
| 544–767px | Plan cards de dos columnas si caben y navegación flexible. |
| 768–1011px | Hero de dos zonas y plan grid adaptable. |
| 1012–1279px | Plan grid de hasta tres columnas, FAQ limitada y footer en grupos. |
| 1280px+ | Mayor aire exterior sin estirar cards o copy. |
Procedencia y validación
La fuente expone hero, autenticación, app desktop, plan switcher, Free/Pro/Max, FAQ y grupos de productos/features/modelos/soluciones.
✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.
Fuente: Claude. Este documento es análisis externo, no documentación oficial.