Design System Analysis · external snapshot

LinkedIn Homepage

Un contrato verificable de autenticación, contenido profesional, oportunidades, estados y responsive behavior observado en linkedin.com.

Identidad y tokens

La composición combina blanco, azul de marca, texto oscuro, superficies suaves y un bloque editorial cálido.

canvas
#FFFFFF
surface
#F3F2EF
ink
#1D2226
brand
#0A66C2
warmSurface
#E9E5DF
border
#D0D9E3

Tipografía y autenticación

hero · 40 / 400
Your professional community
authentication card
Join or sign inEmail and password fields with legal context
Get started
label · 14 / 600

Jobs · Learning · Business Solutions

focus-visible: 2px brand

Inventario de componentes

Utility header

Identidad, navegación de contenido y acceso.

defaultcompactcookie-consent

Authentication card

Registro, login, legal copy y estados de formulario.

focusinvalidloading

Opportunity CTA

Empleo, Open to Work, conexión y comienzo.

hoverpressedfocus-visible

Footer directory

General, Browse, Business Solutions y Directories.

defaultstacked-mobile

Responsive behavior

RangoComportamiento
320–543pxHeader compacto, auth y hero a una columna, listas con wrapping y footer apilado.
544–767pxCards y categorías en grilla flexible; CTA de ancho disponible cuando corresponde.
768–1011pxGrid de dos zonas y navegación regular.
1012–1279pxContenedor amplio, hero separado y categorías en columnas.
1280px+Ancho de lectura limitado con mayor espacio exterior.

Procedencia y validación

La fuente pública expone login, registro, navegación de contenido, empleos, aprendizaje, soluciones y directorios; sus estados autenticados requieren una sesión autorizada.

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

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