Identidad y tokens
La interfaz prioriza fondo blanco, texto neutral, azul de acción y una búsqueda de forma claramente reconocible.
canvas
#FFFFFF
ink
#202124
muted
#5F6368
accent
#1A73E8
buttonSurface
#F8F9FA
border
#DADCE0
Tipografía y control primario
display · 48 / 700
Search first
input · 16 / 400
Search the web
Google Search
utility · 13 / 400
Images · Sign in · Help
focus-visible: 2px accent
Inventario de componentes
Utility header
Enlaces de producto, imágenes, aplicaciones y acceso.
defaultcompactfocus-visibleSearch box
Campo central con texto y affordances de voz e imagen.
emptytypingerrorSearch actions
Acciones secundarias para enviar o explorar.
hoveractivedisabledFooter navigation
Enlaces legales, configuración, ayuda y producto.
defaultstacked-mobileResponsive behavior
| Rango | Comportamiento |
|---|---|
| 320–543px | Header compacto, buscador a ancho disponible, botones con wrapping y footer apilable. |
| 544–767px | Buscador centrado con ancho flexible y enlaces que envuelven si es necesario. |
| 768–1279px | Layout desktop, buscador hasta 584px y footer horizontal. |
| 1280px+ | Se conserva la columna de tarea; el espacio no amplía indefinidamente el campo. |
Procedencia y validación
La evidencia visible de la fuente incluye enlaces utilitarios, entrada de búsqueda, acciones y footer legal. Los valores deben revalidarse por locale, sesión, experimento y dispositivo.
✓ PASSED — contrato, tokens JSON, componentes, preview y metadata presentes.
Fuente: Google. Este documento es análisis externo, no documentación oficial.