instrumento de precisión de medianoche

El sistema de diseño Linear es un centro de mando nocturno construido sobre superficies casi negras (#08090a) con tipografía blanca nítida y un único acento verde lima (#e4f222) que funciona como una linterna funcional: pequeña, de alto contraste y usada con moderación para indicar acciones. La interfaz trata la oscuridad como una base más que como un tema: el texto es de un blanco nítido con un espaciado entre letras ajustado (-0,022em), los grosores de fuente están en el rango bajo de 400–510 en lugar de negrita, y los bordes son ultrafinos (0,5px) para que la geometría haga el trabajo que normalmente hacen las sombras. Los componentes se sienten elaborados con precisión: radios de 6px y 12px, márgenes compactos de 8–12px y una ausencia casi total de elementos decorativos, lo que permite que la interfaz de usuario del producto (tarjetas de tareas, tableros Kanban, paneles de agentes de IA) sea la única textura visual en un sistema por lo demás sereno.

El diseño tiene un ancho máximo de aproximadamente 1200 px, centrado, con un fondo oscuro que se extiende hasta los bordes de la ventana gráfica. El elemento principal es un gran titular, alineado a la izquierda (64–72 px), junto con una llamada a la acción (CTA) alineada a la derecha, seguida de una gran captura de pantalla del producto que se extiende ligeramente más allá del ancho máximo. El ritmo de las secciones alterna entre composiciones de dos columnas con texto a la izquierda e imagen a la derecha, y franjas de visualización de productos de ancho completo separadas por márgenes verticales de 96 px. La franja con el logotipo del cliente es una sola fila horizontal. La página nunca utiliza cuadrículas de tarjetas de tres columnas ni estructuras en mosaico: la densidad de información se mantiene baja, con la mayoría de las secciones utilizando un amplio espacio en blanco y un único elemento focal en la pantalla. La navegación es una barra superior fija con un logotipo alineado a la izquierda y enlaces alineados a la derecha, sin barra lateral ni mega-menú.

El lenguaje visual de Linear se basa en capturas de pantalla del producto: las ilustraciones al inicio y en las secciones son imágenes reales de la interfaz de usuario de la aplicación Linear, capturadas con el máximo detalle (tarjetas de tareas, tableros Kanban, paneles de agentes de IA, paletas de comandos), enmarcadas en marcos delgados. Sin fotos de archivo, sin imágenes de estilo de vida, sin ilustraciones abstractas. Los logotipos se muestran como una franja gris neutra (#8a8f98) de tamaño uniforme para los clientes. Los iconos son imágenes SVG lineales minimalistas en escala de grises monocromática. La captura de pantalla en la parte superior de la página flota sobre un sutil degradado lineal (de oscuro a claro), creando profundidad atmosférica sin usar paisajes reales. Cada elemento visual es un elemento funcional del propio producto.